Máster en Front End Engineering

Configuración inicial del entorno Editor de código (IDE) Fundamentos de la terminal Gestión Remota de Código Fuente Introducción a Git y Control de Versiones

Herramientas de empaquetado de código (Bundlers) Herramientas prácticas (Codepen y Repl.it) Plantillas iniciales de Eslint y Prettier

Introducción Etiquetas semánticas Etiquetas de texto Etiquetas de enlaces

Creación de formularios con validaciones Atributos comunes en HTML

Principales selectores Diferencias entre clases e ID Principales unidades de medida

Maquetación de textos Modelo de caja

Conceptos básicos del lenguaje de programación interpretado más usado en el mundo web.

Creación de variables y sus tipos Tipos de datos primitivos y estructuras Uso de condicionales Uso de bucles para iterar valores Creación de funciones Validación de formularios

Introducción a la sincronía Interacción entre HTML y JavaScript por medio de eventos Introducción al DOM de JavaScript Método fetch y primera petición a una API

En esta sección se profundizará en los pilares fundamentales del desarrollo web, enfocándose en la construcción estructurada y las prácticas recomendadas en la creación de contenido HTML.

Validación de errores HTML Etiquetas de contenido multimedia

Etiquetas de cabecera Etiquetas de scripting

En este tema se adentrará en los aspectos avanzados del diseño y la maquetación mediante CSS, fundamentales para crear interfaces web atractivas y funcionales.

Pseudo-clases y pseudo-elementos Definición y uso de custom properties Filosofía Mobile First Diseño responsive y adaptative Modelo Flexbox y Grid Layout Animaciones Responsive design

Uso de media queries Metodología BEM SASS UX/UI: Conceptos básicos UX Prototipado con Figma Diseño para desarrolladores

En esta sección se estudiarán los aspectos más avanzados del lenguaje de programación JavaScript.

Javascript ES6 + propuestas principales ES7 Métodos de arrays Métodos avanzados de string Condicionales ternarios Destructuring y spread operator Uso del local y session storage Introducción a las cookies Hoisting y Clousures

Librerías de acceso a datos:  Fetch Axios Null coalescing Asincronía avanzada ntroducción a las SPA Programación orientada a objetos (POO)

Se explorará en profundidad la aclamada librería desarrollada por Meta, conocida como React. Se abordarán sus principios fundamentales y se realizará un análisis comparativo respecto a otras librerías o frameworks como Angular y Vue.

Introducción a React Filosofía React, clases y funciones Creación de componentes (JSX) Hooks básicos: useState useEffect Virtual DOM Navegación (React Router) Props y comunicación entre componentes

Otras herramientas compatibles con React:  Introducción a las librerías de componentes + MUI Styled-Components Storybook React Intl Tailwind

Los profesionales de programación Front End deben conocer los fundamentos esenciales del Back End con el fin de poder coordinarse de manera eficaz con los profesionales Back End de cada proyecto.

Node Introducción a Node Librería FS  Comprensión de formato JSON Bases de datos Introducción y tipos Introducción a MongoDB y MongoAtlas

API Qué es un CRUD y qué métodos existen Callbacks Introducción a Express Códigos de respuesta HTTP Query y URL params Variables de entorno

Conocer todas las ventajas que aporta el inspector de elementos del navegador puede suponer una diferencia increíble entre desarrolladores.

Depuración de código desde consola Medir el performance de una aplicación y mejorar su rendimiento Análisis del network del navegador

Comprensión del DOM y mejoras de diseño a través de la inspección de elementos

La familiarización con los diferentes entornos productivos y su integración adecuada tienen gran importancia para el trabajo de un equipo de desarrollo. Se partirá de una introducción y se llegará a desplegar aplicaciones en diferentes plataformas, añadiendo variables dependientes del entorno productivo.

• Introducción al CI/CD
• Herramientas de despliegue:
• Github Pages
• Vercel
• Netlify

La Inteligencia Artificial está cada vez más presente en el ámbito tecnológico y su valor como aliada para los desarrolladores no para de crecer. Se analizará cómo la integración de la inteligencia artificial puede potenciar el desarrollo web y se aprenderá a utilizar esta tecnología como un apoyo para el desarrollo y corrección de código

Introducción y diferentes modelos de inteligencia generativa Prompt Engineering

Uso profesional de ChatGPT para el desarrollo y corrección de código

Se profundizará en typescript, que servirá como ampliación de los conocimientos adquiridos de JavaScript con el objetivo de conseguir un código más óptimo. Se elevará la experiencia de desarrollo en un entorno de equipo y se analizarán las diferentes ventajas que aporta Typescript en la mantenibilidad, legibilidad y seguridad al código.

Introducción y principales diferencias frente a javascript Interfaces Funciones

Anotaciones Tipos Genéricos

Este apartado se adentrará en una exploración detallada de la librería React, desglosando su funcionamiento y explorando sus características avanzadas. Todo ello combinado con el lenguaje Typescript, de fuerte tipado que ayudará a la mantenibilidad del código.

Hooks avanzados: useMemo useCallback useReducer useContext useRef Custom Hooks Carga Lazy de Módulos Manejo de formularios con React Hook Form Creación de gráficas con React Charts

Mejoras en performance Patrones Avanzados Redux React Suspense Testing unitario: Jest React Testing Library  Mocking Introducción al e2e testing con Cypress Peticiones a servidores con React Query

Este tema permitirá dar un salto cualitativo a los profesionales de la programación, ya que les permitirá aprender las claves para gestionar proyectos de desarrollo web. Se abordarán las metodologías ágiles y sus marcos de trabajo.

Kanban Scrum Diagrama de Gantt

Además de otros temas como:  Estructura básica de tareas con Trello