Javascript

Johnattan Jaramillo G.

jjaramillo238@misena.edu.co

SENA - 2019

JavaScript

Es el lenguaje de programación de las páginas web.

Permite programar el comportamiento (funcional) las páginas web.

¿Que es programar?

¿Que es un lenguaje de programación?

Programa

Conjunto de instrucciones definidas en un orden secuencial lógico, que trabajan con datos para resolver problemas.

  • Es ligero
  • Interpretado
  • Alto nivel
  • Debilmente tipado
  • Soporta programación orientada a objetos, funcional e imperativa

JavaScript

Características

JavaScript

¿Como se incluye el JS?

Los scripts escritos en JS pueden incluírse en la página de dos formas:

  • Insertando el código JavaScript dentro de etiquetas <script></script>.
  • Este bloque se código debe estar ubicado en la etiqueta <body> y/o <head> de la página.
  • <script>alert("Hola");</script>

Interna

Externa

  • Ubicando en código JavaScript en un archivo externo con la extensión.js, ejemplo: validaciones.js
  • Para incluir el archivo en la página, se incluiría la siguiente línea: <script src="validaciones.js"></script>.

JavaScript

Sintaxis: 

Son usados para explicar el código, pueden ayudar para editar el código posteriormente.

Comentario de una línea.

// Esto es un comentario simple

Comentario multilínea

/* Esto es un comentario 
de varias líneas, 
entiendes, varias líneas.
*/

 Comentarios

JavaScript

Sintaxis: 

Una variable es un espacio de memoria que almacena un dato. Tienen un nombre y un tipo de dato.

Declaración de variable

var nombre;

Asignación

nombre = "Johnattan";

 Variables

 ¿Qué debo tener en cuenta para crearlas?

Sintaxis de declaración

de variable

Nombre de la zona de memoria a reservar

Fin de la instrucción

JavaScript

Sintaxis: 

Number, string, boolean, null, undefined

 Tipos de datos

JavaScript

Sintaxis: 

Un operador es un símbolo que representa una operación. Tiene diferentes tipos: aritméticos, asignación, comparación, texto.

Operadores

JavaScript

Sintaxis: 

Casting de datos, permita convertir el tipo de dato de un dato. Usualmente usado para llevar a cabo operaciones

Conversión de tipos de datos

JavaScript

Sintaxis: 

Permiten controlar el flujo del programa, apoyan el proceso de toma de decisiones.

 Condicionales

var edad = 18;

if(edad > 15){
    //Instrucciones que se ejecutan cuando la condición se cumple
} else {
    //Instrucciones que se ejecutan cuando la condición no se cumple
}

Condición a evaluar

Pregunta: ¿La edad es mayor a 15?

Se compara con operadores  >  <  >= <=  !=  ==

JavaScript

Sintaxis: 

Son bloques de código JavaScript que pueden ser ejecutados cuando son llamados.

  Funciones

JavaScript

Sintaxis: 

Son conjuntos de datos sucesivos y del mismo tipo. 

Los datos son almacenados en una variable simple

  Arreglos

//Arreglo que almacena nombres de los colores de la bandera de Colombia
var colores = ["amarillo","azul","rojo"];     
colores[0]; //Primer elemento del arreglo:    "Amarillo"
colores[1]; //Segundo elemento del arreglo:   "Azul"
colores[2]; //Tercer elemento del arreglo:    "Rojo"

//Los valores de tipo string son tratados como arreglos de caracteres
var nombre = "Johnattan"; 
nombre[3]; //Cuarto elemento del arreglo: "n"

La práctica hace al maestro

JS

Actividad

Cree un formulario que permita registrar un usuario en el sistema.

El formulario debe tener diseño y permitir diligenciar la siguiente información del usuario. Nota: ubicar archivos en carpeta practicajs

  • Tipo de documento
  • Número de documento
  • Nombre completo
  • Edad
  • Correo electrónico

 

  • Dirección
  • Teléfono
  • Nombre usuario
  • Contraseña
  • Verifique su contraseña

JS

Validación de formularios

1. Campos obligatorios

0. Campos vacíos

2. Campos numéricos

3. Campos de texto

4. Campo correo electrónico

5. Contraseñas coinciden

6. Mostrar, ocultar contraseña

7. Longitud de campos

Made with Slides.com