Diseño Web

Johnattan Jaramillo G.

jjaramillo238@misena.edu.co

SENA - 2016

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?

JavaScript

Características

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

CSS

¿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?

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

JavaScript

Sintaxis: 

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

  Funciones

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