DIPLOMADO EN DESARROLLADOR FRONT END

Objetivos del Diplomado
1. Capacitar a los participantes en el desarrollo de interfaces web modernas y responsivas utilizando HTML, CSS y JavaScript.
2. Enseñar el uso de precompiladores CSS como Sass para optimizar el flujo de trabajo en el diseño web.
3. Introducir a los participantes en el uso de frameworks CSS como Bootstrap y librerías JavaScript como React JS.
4. Preparar a los estudiantes para construir aplicaciones web dinámicas y escalables, listas para el mercado laboral.

Población Meta
• Personas interesadas en iniciar una carrera en el desarrollo web.
• Diseñadores gráficos o UX/UI que deseen ampliar sus habilidades técnicas.
• Estudiantes o profesionales de TI que busquen especializarse en desarrollo front end.
• Desarrolladores back end que quieran complementar sus habilidades con conocimientos front end.

Descripción del Diplomado
Este diplomado está diseñado para formar desarrolladores front end capaces de crear interfaces web atractivas, funcionales y responsivas. A lo largo de los 4 módulos, los participantes aprenderán desde los fundamentos del desarrollo web (HTML, CSS y JavaScript) hasta el uso de herramientas avanzadas como Sass, Bootstrap y React JS. El enfoque es práctico, con proyectos reales que permitirán a los estudiantes aplicar lo aprendido.

Contenido por Módulos

Módulo 1: Fundamentos de Desarrollo Web (HTML y CSS)
• Duración: 20 horas
• Objetivo: Aprender los fundamentos del desarrollo web y crear estructuras básicas con HTML y CSS.
• Contenido:
1. Introducción al desarrollo front end y herramientas básicas (editores de código, navegadores).
2. Fundamentos de HTML: Estructura de un documento, etiquetas básicas y semántica.
3. Fundamentos de CSS: Selectores, propiedades, box model y posicionamiento.
4. Diseño responsivo: Media queries y unidades relativas.
5. Práctica: Creación de una página web estática y responsiva.

Módulo 2: JavaScript y Programación Básica
• Duración: 20 horas
• Objetivo: Introducir a los participantes en la programación con JavaScript para agregar interactividad a las páginas web.
• Contenido:
1. Introducción a JavaScript: Sintaxis, variables, tipos de datos y operadores.
2. Control de flujo: Condicionales y bucles.
3. Funciones y eventos en JavaScript.
4. Manipulación del DOM: Selección y modificación de elementos HTML.
5. Práctica: Creación de una página web interactiva con JavaScript.

Módulo 3: Precompiladores CSS (Sass) y Frameworks CSS (Bootstrap)
• Duración: 20 horas
• Objetivo: Optimizar el flujo de trabajo en el diseño web utilizando Sass y frameworks como Bootstrap.
• Contenido:
1. Introducción a Sass: Variables, anidación, mixins y funciones.
2. Uso de Sass para crear hojas de estilo modularizadas y mantenibles.
3. Introducción a Bootstrap: Grid system, componentes y utilidades.
4. Personalización de Bootstrap con Sass.
5. Práctica: Creación de un sitio web responsivo con Bootstrap y Sass.

Módulo 4: Desarrollo de Aplicaciones con React JS
• Duración: 20 horas
• Objetivo: Aprender a construir aplicaciones web dinámicas y escalables utilizando React JS.
• Contenido:
1. Introducción a React JS: Componentes, JSX y props.
2. Estado y ciclo de vida de los componentes.
3. Manejo de eventos y formularios en React.
4. Introducción a React Hooks y gestión del estado global.
5. Consumo de APIs en React.
6. Práctica: Desarrollo de una aplicación web completa con React JS.