Este curso se enfoca en el uso de HTML, CSS y JavaScript para desarrollar páginas web, implementar lógica de programación, definir y usar variables, realizar bucles y bifurcaciones, capturar y validar la entrada del usuario, almacenar datos y crear aplicaciones bien estructuradas.

Objetivos

Después de completar este curso, los estudiantes podrán:

• Comprender las tecnologías involucradas en el desarrollo web.
• Crear páginas HTML con enlaces e imágenes.
• Comprender los beneficios de CSS.
• Crear estilo de páginas HTML con CSS.
• Entender los conceptos de objetos, métodos y propiedades.
• Trabajar con variables de JavaScript.
• Crear sus propias funciones personalizadas en JavaScript.
• Escribir lógica de control de flujo en JavaScript.
• Escribir código JavaScript que escuche y maneje eventos, como clics del mouse y cargas de página.
• Crear formularios con HTML y validarlos con JavaScript.
• Utilizar expresiones regulares en JavaScript para la validación avanzada de formularios.

Este curso está destinado a estudiantes nuevos en la programación de computadoras o programadores experimentados que son nuevos en el desarrollo web del lado del cliente.

Módulo 1: Descripción general rápida del desarrollo web

• HTML es parte de un equipo

• Programación del lado del cliente

• Programación del lado del servidor

• Tecnologías de desarrollo web

Módulo 2: Introducción a HTML

• Ejercicio: un documento HTML simple

• Primeros pasos con un documento HTML simple

• Elementos HTML, atributos y comentarios

El esqueleto HTML

• Visualización de la fuente de la página

• Caracteres especiales

• Elementos HTML y caracteres especiales

• Historia de HTML

• El atributo lang

Módulo 3: Párrafos, encabezados y texto

• Párrafos

• Niveles de encabezado

• Rupturas y Reglas Horizontales

• Ejercicio: párrafos, encabezados y texto

• La etiqueta div

• Creación de una página HTML

• Texto citado

• Texto preformateado

• Elementos semánticos en línea

Módulo 4: Enlaces HTML

• Enlaces Introducción

• Enlaces de texto

• Rutas absolutas y relativas

• Orientación a nuevas pestañas

• Enlaces de correo electrónico

• Ejercicio: Adición de enlaces

• lorem ipsum

• El atributo del título

• Vinculación a una ubicación específica en la página

• Orientación a una ubicación específica en la página

Módulo 5: Imágenes HTML

• Insertar imágenes

• Enlaces de imagen

• Adición de imágenes al documento

• Ejercicio: agregar imágenes a la página

• Proporcionar imágenes alternativas

Módulo 6: Listas HTML

• Listas desordenadas

• Listas ordenadas

• Listas de definiciones

• Ejercicio: creación de listas

Módulo 7: Curso intensivo en CSS

Beneficios de las hojas de estilo en cascada

• Reglas CSS

• Selectores

• Combinadores

• Precedencia de selectores

• Cómo diseñan las páginas los navegadores

• Restablecimientos de CSS

• Normalizadores CSS

• Hojas de estilo externas, hojas de estilo integradas y estilos en línea

• Ejercicio: Creación de una hoja de estilo externa

• Ejercicio: creación de una hoja de estilo incrustada

• Ejercicio: agregar estilos en línea

• Div y Span

• Ejercicio: Estilizar div y span

• Tipos de medios

• Unidades de medida

• Herencia

Módulo 8: Fuentes CSS

• font-family

• @font-face

• font-size

• font-style

• font-variant

• font-weight

• line-height

• font shorthand

• Ejercicio: Styling Fonts

Módulo 9: Color y Opacidad

• Acerca del color y la opacidad

• Valores de color y opacidad

• Color

• opacidad

• Ejercicio: agregar color y opacidad al texto

Módulo 10: Texto CSS

• espaciado de letras

• texto alineado

• decoración de texto

• guion de texto

• sombra de texto

• transformación de texto

• espacios en blanco

• salto de palabra

• espacio entre palabras

• Ejercicio: Propiedades del Texto

Módulo 11: Conceptos básicos de JavaScript

• JavaScript frente a EcmaScript

• El DOM HTML

• Sintaxis JavaScript

• Accediendo a Elementos

• ¿Dónde se escribe el código JavaScript?

• Objetos, métodos y propiedades de JavaScript

• Ejercicio: alertas, escritura y cambio de color de fondo

Módulo 12: Variables, Matrices y Operadores

• Variables JavaScript

• Un lenguaje vagamente escrito

• Herramientas para desarrolladores de Google Chrome

• Almacenamiento de datos ingresados ​​por el usuario

• Ejercicio: uso de variables

• constantes

• Arreglos

• Ejercicio: Trabajando con Matrices

• Matrices asociativas

• Jugando con métodos de matriz

• Operadores JavaScript

• El operador de módulo

• Jugando con los operadores

• El operador predeterminado

• Ejercicio: trabajar con operadores

Módulo 13: Funciones de JavaScript

• Objetos y funciones globales

• Ejercicio: trabajar con funciones globales

• Funciones definidas por el usuario

• Ejercicio: escribir una función de JavaScript

• Devolver valores de funciones

Módulo 14: Objetos de JavaScript incorporados

• Strings

• Matemáticas

• Fecha

• Funciones auxiliares

• Ejercicio: Devolver el día de la semana como una cadena

Módulo 15: Condicionales y Bucles

• Condicionales

• Cortocircuito

• Interruptor / Caja

• Ternary Operator

• Verdadero y falso

• Ejercicio: procesamiento condicional

• Bucles

• While y do…while Bucles

• Para bucles

• Romper y continuar

• Ejercicio: trabajar con bucles

• Matriz: para cada uno ()

Módulo 16: Controladores de eventos y oyentes

• Controladores en eventos

• Ejercicio: uso de controladores en eventos

• El método addEventListener()

• Funciones anónimas

• Captura de eventos clave

• Ejercicio: Adición de detectores de eventos

• Beneficios de los detectores de eventos

• Temporizadores

• Prueba de mecanografía

Módulo 17: El modelo de objeto de documento HTML

• Selectores de CSS

• La propiedad HTML interior

• Nodos, NodeLists y HTMLCollections

• Acceso a nodos de elementos

• Ejercicio: Acceso a Elementos

• Notación de puntos y notación de corchetes

• Acceso a elementos jerárquicamente

• Ejercicio: Trabajando con Elementos Jerárquicos

• Accediendo a los Atributos

• Creación de nuevos nodos

• Centrándose en un campo

• Solicitud de lista de compras

• Ejercicio: Registro

• Ejercicio: Adición de EventListeners

• Ejercicio: Adición de elementos a la lista

• Ejercicio: Adición dinámica de botones Eliminar a los elementos de la lista

• Ejercicio: Eliminación de elementos de la lista

• Ejercicio: prevención de duplicados y nombres de productos de longitud cero

• Manipulación de tablas

Módulo 18: Formularios HTML

• Cómo funcionan los formularios HTML

• El elemento de forma

• Elementos de formulario

• Botones

• Ejercicio: Creación de un formulario de registro

• Casillas de verificación

• Botones de radio

• Ejercicio: agregar casillas de verificación y botones de opción

• Conjuntos de campos

• Seleccionar menús

• Áreas de texto

• Ejercicio: agregar un menú de selección y un área de texto

• Formularios HTML y CSS

Módulo 19: Validación de formularios de JavaScript

• Validación de formularios del lado del servidor

• Validación de formulario HTML

• Acceder a los datos del formulario

• Validación de formularios con JavaScript

• Ejercicio: Comprobación de la validez de los campos de correo electrónico y URL

• Comprobación de la validez de los eventos de entrada y envío

• Adición de mensajes de error

• Validación de áreas de texto

• Validación de casillas de verificación

• Validación de botones de opción

• Validación de menús seleccionados

• Ejercicio: Validación del formulario de pedido de helados

• Darle una oportunidad al usuario

Módulo 20: Expresiones Regulares

• Empezando

• Sintaxis de expresiones regulares

• Referencias anteriores

• Validación de formularios con expresiones regulares

• Limpieza de entradas de formulario

• Ejercicio: limpieza de entradas de formulario

• Un ejemplo un poco más complejo

Conocimientos básicos de informática y mecanografía.