Desarrollador Web Front-end - 5 días de clases en línea

Cronograma del curso

1. Día 1

   Sesión 1: Introducción a HTML y CSS

   • Configuración del entorno de desarrollo y fundamentos web
   • Estructura HTML, elementos, etiquetas y atributos
   • Conceptos de desarrollo mobile-first
   • Fundamentos de CSS: selectores, propiedades y estilos
   • Herramientas de desarrollador de Chrome y publicación de sitios web

   Sesión 2: Elementos de texto

   • Encabezados, párrafos y formato de texto
   • Valores, unidades y fuentes web en CSS
   • Creación y estilo de listas ordenadas y desordenadas

   Sesión 3: Hipervínculos

   • Creación de hipervínculos y gestión de URL
   • Rutas relativas y absolutas
   • Fragmentos de documentos y enlaces de correo electrónico
   • Técnicas de estilo para enlaces

   Sesión 4: Selectores avanzados de CSS

   • Selectores de tipo, clase, ID y atributo
   • Pseudoclases y pseudoelementos
   • Combinadores y grupos de selectores
   • Cascada, especificidad, herencia y reglas @ en CSS

2. Día 2

   Sesión 5: Estructuración de contenidos

   • Elementos de bloque y en línea
   • El modelo de caja de CSS y el estilo de cajas
   • Elementos HTML semánticos
   • Saltos de línea y reglas horizontales
   • Introducción a los diseños con CSS Grid

   Sesión 6: Multimedia e incrustación

   • Trabajar con imágenes, fondos y SVG
   • Formatos de video, audio y medios
   • Figuras, leyendas e iconos
   • Incrustar contenido externo usando iframes y otros métodos

   Sesión 7: Tablas

   • Creación de filas, celdas y encabezados de tabla
   • Celdas combinadas, grupos de columnas y leyendas
   • Marcado semántico de tablas
   • Técnicas de estilo para tablas

   Sesión 8: Formularios

   • Creación y diseño de formularios web
   • Etiquetas, campos de entrada, botones y menús desplegables
   • Atributos de agrupación y validación de campos de formulario
   • Envío de datos a servidores
   • Barras de progreso y controles de formulario avanzados

3. Día 3

   Sesión 9: Técnicas avanzadas de maquetación

   • Posicionamiento en CSS, floats, Flexbox y Grid
   • Principios de diseño responsivo
   • Consultas de medios y de características
   • Medios adaptables y patrones modernos de diseño de maquetación

   Sesión 10: Estilos avanzados de CSS

   • Esquinas redondeadas, degradados y fondos
   • Sombras y efectos de texto
   • Transformaciones, transiciones y animaciones en CSS
   • Técnicas modernas de estilo visual

   Sesión 11: Frameworks y preprocesadores de CSS

   • Descripción general de los frameworks de CSS y sus beneficios
   • Opciones de frameworks populares
   • Preprocesadores CSS y características clave
   • Variables de CSS y flujos de trabajo modernos de estilos

   Sesión 12: UI/UX, SEO y optimización del rendimiento

   • Principios y buenas prácticas de diseño UI/UX
   • Fundamentos de SEO y etiquetas HTML esenciales
   • Optimización del sitio web para velocidad y rendimiento
   • Mejorar la experiencia del usuario y la visibilidad en las búsquedas

4. Día 4

   Sesión 13: Introducción a JavaScript

   • Fundamentos de JavaScript y configuración del entorno de desarrollo
   • Integración de JavaScript con HTML
   • JavaScript en el navegador vs. Node.js
   • Sintaxis, comentarios y conceptos básicos de implementación

   Sesión 14: Valores, variables y tipos de datos

   • Variables con var, let y const
   • Números, cadenas, booleanos, arreglos y objetos
   • Tipado dinámico y conversión de tipos
   • Operaciones aritméticas y plantillas literales

   Sesión 15: Funciones

   • Declaraciones de funciones, expresiones y funciones flecha
   • Parámetros, valores de retorno y argumentos predeterminados
   • Ámbito de las funciones e invocación
   • Trabajar con funciones integradas

   Sesión 16: Flujo y lógica del programa

   • Operadores y técnicas de comparación
   • Valores verdaderos y falsos
   • Sentencias condicionales y bucles
   • Fundamentos de manejo de errores y depuración

5. Día 5

   Sesión 17: Trabajo con objetos

   • Comprender las estructuras y propiedades de los objetos
   • Acceso a datos usando la notación de punto y de corchetes
   • Creación y uso de métodos de objetos
   • Trabajar con la palabra clave this
   • Iterar a través de las propiedades de un objeto
   • Exploración de los métodos integrados de Object, Array y String

   Sesión 18: Acceso y manipulación del DOM

   • Comprender el Modelo de Objetos del Documento (DOM)
   • Selección y referencia de elementos HTML
   • Trabajar con tipos de datos del DOM
   • Modificar el contenido y los atributos de la página
   • Creación, inserción y eliminación dinámica de elementos

   Sesión 19: Programación dirigida por eventos

   • Comprender los eventos del navegador y el flujo de eventos
   • Registro y gestión de oyentes de eventos
   • Manejo de las interacciones del usuario con el objeto de evento
   • Creación de experiencias web responsivas e interactivas

   Sesión 20: APIs del navegador y características web

   • Introducción a las API y a las funcionalidades proporcionadas por el navegador
   • Trabajar con objetos Date, Math, RegExp y JSON
   • Uso del almacenamiento en el lado del cliente y de los servicios de geolocalización
   • Acceso a APIs adicionales del navegador para mejorar las aplicaciones web