Programación Web Front-End (HTML5, CSS3 y Javascript)

Módulo 1: Iniciación a HTML5
Tema 1: Conociendo HTML5 y la estructura del documento
● Breve historia del HTML5
● Instalación de Visual Studio Code como IDE
● Estructura básica de un documento HTML5
● Tipos de contenedores semánticos
● Tipos de contenedores de texto
● Etiquetas y atributos en HTML5
● Estructura de un formulario con HTML5
● Etiquetas y atributos en HTML5
● Etiquetas y atributos en HTML5
Tema 2: Contenedores semánticos y de texto
Tema 5: Formulario
Tema 3: Formato semántico del texto
Tema 4: Enlaces y tablas
Resumen Módulo 1: El módulo cubre la historia y estructura básica de HTML5, la instalación de Visual Studio Code, y el uso de contenedores semánticos y de texto.
También aborda el formato semántico del texto, enlaces, tablas y la creación de formularios, incluyendo las etiquetas y atributos necesarios para cada componente.
● Breve historia del CSS3
● Uso de hojas de estilo con Visual Studio Code
● Escribir en CSS
● Font-family, Font-style, Font-weight y Font-size
● Viñetas personalizadas
● Menús verticales
● Estilos para paneles
● Estructura de página con paneles
● Las media queries
● Viewport meta tag
● Utilizando Bootstrap
● Componentes y colores
Módulo 2: Conociendo a CSS3
Tema 1: Las hojas de estilo
Tema 2: Propiedades CSS para texto, listas y tablas
Tema 3: Formato y maquetación
Tema 4: Diseño responsive
Tema 5: Diseño con plantillas: Bootstrap 4
Resumen Módulo 2: El módulo cubre la historia del CSS3 y su uso en Visual Studio Code, además de enseñar a escribir en CSS. Aborda propiedades CSS para texto, listas y tablas, incluyendo estilos de fuentes y viñetas personalizadas. También trata sobre formato y maquetación con estilos para paneles y estructura de página. Se exploran recursos multimedia y composición responsiva, finalizando con diseño utilizando plantillas de Bootstrap 4.
● Breve historia de JavaScript
● Introducción del lenguaje de JavaScript con Visual Studio Code
Módulo 3: Introducción a JavaScript
Tema 1: El lenguaje JavaScript
● Procesos condicionados
● Estructuras iterativas
● Tablas unidimensionales y multidimensionales
● Procedimientos, funciones y paso de argumentos
● Condicionales y su uso
Tema 2: Conceptos generales Variables y operadores
Tema 3: Estructura condicional
● Bucle while
● Bucle do – while
● Bucle for
● Tablas de una dimensión
● Tablas de múltiples dimensiones
Tema 4: Estructuras iterativas
Tema 5: Tablas
● Tipos y métodos
Tema 7: Objetos en JavaScript
● Propiedades básicas de formularios y elementos
● Utilidades de los formularios
● Validación de un formulario
● Introducción
● Procedimientos
● Funciones
● Métodos
● Introducción
● Estructura
● Métodos
● Núcleo
Tema 8: Formularios de datos
Tema 6: Programación orientada a “objetos” en JavaScript
Tema 9: Modelo DOM
● Explicación y sus usos
Tema 10: Exploración de flujo XML vía DOM
Resumen Módulo 3: El módulo abarca desde la historia y fundamentos del lenguaje hasta su implementación en Visual Studio Code. Cubre variables, operadores, estructuras condicionales e iterativas, tablas unidimensionales y multidimensionales, y conceptos de programación orientada a objetos. También incluye el manejo de formularios, el modelo DOM,
y la exploración de flujo XML vía DOM, proporcionando una base completa para el desarrollo en JavaScript.
Plan de estudios
Módulo 4: JavaScript avanzado
Tema 1: Gestión de las cookies en JavaScript
Tema 4: Geolocalización en JavaScript
● Escritura, lectura y eliminación
● La geolocalización con la API de JavaScrit
● LocalStorage y sessionStorage
● Implementación
● Formato XML
● Formato JSON
● Canvas: Explicación y usos
● Librerías para hacer gráficos en JavaScript
● Introducción y create-react-app
● Estructura de directorios
● JSX
Tema 2: Almacenamiento local
Tema 3: Almacenamiento en remoto
Tema 5: Diseño y gráficos
Tema 6: Primeros pasos con React
Plan de estudios
Tema 7: Componentes y propiedades de React
Tema 8: Eventos avanzados y rutas en React
Tema 9: Buenas prácticas con JavaScript
● Componentes
● Props
● Hola mundo
● Hooks de estado – useState y useEffect
● Trucos y convenciones en JavaScript
Resumen Módulo 4: El módulo cubre la gestión de cookies, el almacenamiento local y remoto en formatos XML y JSON, y la geolocalización. Incluye el uso del Canvas para gráficos y librerías, y una introducción a React, abordando create-react-app, estructura de directorios, JSX, componentes, props, y eventos avanzados con hooks como useState y useEffect.
También se mencionan buenas prácticas y convenciones en JavaScript.
Proyecto final