javascript

1. Sesión 1:
FUNDAMENTOS DE
PROGRAMACIÓN EN
JAVASCRIPT
Tutor Academico: Alejandro Bonilla.

2. Objetivos
De sesión:
● Definir Javascript.
● Agregando Javascript a nuestro
documento HTML
● Sintaxis del lenguaje
● Tipos de datos
● Operadores en Javascript
● Objeto Math
● ParseInt , ParseFloat
● Objeto date.

3. Javascript
Es un lenguaje de programación interpretado.
Se utiliza principalmente del lado del cliente, permite mejoras
en la interfaz de usuario y paginas web dinamicas.

4. Agregando Javascript a nuestro
documento html.
Para agregar y poder trabajar con javascript lo podemos hacer
1. Usando la etiqueta <script> dentro de nuestro
documento html.
2. LLamando un archivo externo con extensión JS
(recomendado).

5. Sintaxis del lenguaje
● No se toman en cuenta los espacios en blanco y las
nuevas líneas.
● Distingue las mayúsculas y minúsculas.
● No se define el tipo de variables.
● No es necesario terminar cada sentencia con punto y
como (;)
● Se pueden incluir comentarios.

6. Declaraciones
Las declaraciones son instrucciones que le damos al
computador para ser ejecutadas.
Un script javascript es una lista de declaraciones.
Las declaraciones de Javascript se componen de :
● Valores
● Operadores
● Expresiones
● Palabras claves
● comentarios

7. Sintaxis Javascript
Valores:
Literales
Variables

8. Tipos de datos
En Javascript tenemos 5 tipos de valores.
● Tipo Boolean
● Tipo Number
● Tipo String
● Tipo undefined
● Tipo null

9. Conociendo el tipo de dato
Operador typeof , nos devuelve un string con el tipo del dato.

10. Operadores en Javascript
Operadores:
1. Operadores de asignación.
2. Operadores aritméticos
3. Operadores de comparacion.

11. Operadores asignación básica
El operador de asignación básico es el igual (=) , el cual asigna
el valor del operando derecho al operando izquierdo.

12. Operadores aritméticos.

13. Operadores de comparacion

14. Ejemplo comparación

15. Objeto Javascript ‘Math’
● Permite realizar tareas matemáticas con números.
● La sintaxis para utilizar Math es : Math.property

16. Métodos ’Math’
Numero a entero: Hay 4 métodos para redondear un
numero a un entero

17. Transformando valores no-numéricos a
numéricos
● ParseInt: transforma los valores a números Enteros
○ var iNum1 = parseInt("1234blue"); //returns 1234
○ var iNum2 = parseInt("22.5"); //returns 22
○ var iNum3 = parseInt("blue"); //returns NaN

18. Transformando valores no-numéricos a
numéricos
● ParseFloat: Transforma los valores a números con punto flotante.
○ var fNum1 = parseFloat("1234blue"); //returns 1234
○ var fNum2 = parseFloat("22.5"); //returns 22.5
○ var fNum3 = parseFloat("22.34.5"); //returns 22.34
○ var fNum4 = parseFloat("blue"); //returns NaN

19. Objeto Date
El objeto Date se utiliza para trabajar con fechas y horas. Al crear un
objeto Date, se establece la fecha y hora actual por defecto, pero
también es posible crear un objeto con una fecha y hora específicas.

20. Obteniendo datos objeto date:

21. Resumen:
● Definir Javascript.
● Agregando Javascript a nuestro
documento HTML
● Sintaxis del lenguaje
● Tipos de datos
● Operadores en Javascript
● Objeto Math
● ParseInt , ParseFloat
● Objeto date.