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
Copy of Javascript
By yhoan andres galeano urrea
Copy of Javascript
- 917