FRONT END WEB DEVELOPER – 240Horas IFCD65

MÓDULO DE FORMACIÓN 1: DESARROLLO WEB Y GESTIÓN DE PROYECTOS

• Identificación de los elementos de Internet
- Historia de Internet y el desarrollo web.
- Evolución de los navegadores.
- Cliente y Servidor
- Protocolos. HTTP
• Aplicación del lenguaje de marcado HTML para maquetar web.
- Historia del HTML
- Elementos de HTML: html, head, body y metadatos.
- Elementos de separación del contenido, de texto y de multimedia
- Tablas y formularios
- Block vs Inline
- Atributos de los elementos de HTML
- Document Object Model (DOM)
• Interpretación de los estándares y las directrices de accesibilidad web
- Elementos semánticos
- Ayudas técnicas y modos de interacción
- Introducción a las WCAG 2.1
- Introducción a a11y project y en inclusive componentes
• Aplicación del lenguaje de hojas de estilo en cascada (CSS) para maquetar web
- Historia del CSS
- Anatomía del CSS
- Especificidad
- Pseudo-selectores y pseudo-elementos básicos
- Estilos para textos y formularios
- Colores y contraste
- Modelo Box
- Unidades (absolutas y relativas)
- Posicionamiento
- Layouts
- Responsive web design
- Flexbox
- CSS Grid
- Uso de transiciones
- Uso de animaciones
• Análisis de diseños realizados con herramientas de diseño gráfico.
- Archivos de diseño (provistos por Zeplin, AdobeXD, etc)
- Diseño de prototipos con herramientas de diseño gráfico reproduciéndolo a través de código.
• Caracterización de los entornos, las fases y herramientas necesarias para realizar proyectos
- Entornos, fases y documentación de un proyecto.
- Metodologías de elicitación de requerimientos de usuario.
- Planificación de tareas en proyectos de desarrollo.
- Entornos colaborativos de desarrollo de software.
-
• Relación de los conocimientos de control de versiones y repositorios de código, como GitHub.
- Introducción al Control de Versiones con Git
- Sintaxis básica
- GitFlow
- GitHub
Habilidades de gestión, personales y sociales
• Demostración de iniciativa y visión estratégica para entender los elementos y las relaciones entre las partes de un proyecto web.
• Capacidad para analizar los elementos relevantes de un proyecto web basado en HTML y CSS.
• Mejora de las habilidades comunicativas con los clientes y el equipo de trabajo, utilizando herramientas de control de tareas y control de versiones de código.
• Disposición para desarrollar las fases individuales de un proyecto autónomo basado en HTML y CSS, gestionando y planificando el tiempo.

MÓDULO DE FORMACIÓN 2: JAVASCRIPT (ES6)

• Caracterización de los fundamentos de la programación Front End: JavaScript.
- Historia y evolución de JavaScript.
- Variables (var, let y const)
- Tipo de datos: Boolean, Number, String, Date, undefined, BigInt y Symbol.
- Objetos
- Valores especiales: null, NaN y Infinity.
- Operadores y precedencia de operadores.
- Expresiones.
- Bloque de control del flujo, y control / tratamiento de errores
- Scopes (incluyendo hoisting)
- Funciones (first-class functions, funciones anidadas y clausuras, funciones anónimas, callback, arrow functions y this).
- Gestión de eventos (event bubbling y captura).
- JavaScript y DOM: cómo se relacionan HTML, CSS y JavaScript.
• Aplicación de los elementos más avanzados de JavaScript:
- Herencia basada en prototipos.
- Herencia en ES6.
- Programación funcional: map, filter y reduce.
- Módulos y elementos introducidos en ES6: desetructurador, spread, etc.
• Interpretación y reescritura de llamadas, datos y código AJAX.
- Callback.
- Promises.
- Programación asíncrona, HTTP, API REST y Fetch API.
• Reproducción con código, de prototipos realizados con herramientas de diseño gráfico.
- Planificación de tareas en proyectos de desarrollo.
- Escritura y depuración de código
- Entornos colaborativos de desarrollo de software.
• Manipulación de código de terceros
- Comparación de códigos y soluciones existentes
- Documentación técnica de terceros
• Elaboración de documentación técnica y de usuario de lenguaje Javascript.
- Documentación destinada al usuario final de una aplicación.
- Documentación técnica destinada a programadores.
Habilidades de gestión, personales y sociales
• Concienciación de la importancia de la identificación, análisis y diseño de proyectos que requieran el uso de JavaScript.
• Adquisición de actitudes positivas hacia el análisis de la información extraída de libros, Internet, etc. para solventar dudas y problemas que se presentan en la utilización de Javascript.
• Mejora de las habilidades comunicativas con los clientes y el equipo de trabajo,
10
utilizando herramientas de control de tareas, control de versiones de código y generación de documentación.

MÓDULO DE FORMACIÓN 3: FRAMEWORK DE FRONT-END (VUE.JS)

• Distinción de los frameworks de desarrollo Front End web.
- Historia y evolución de los frameworks de desarrollo front-end web.
- Comparativa de Vue.js, React y Angular.
• Identificación de los elementos comunes que aparecen en los diversos frameworks:
- Data binding
- Reactividad
- Templates
- Componentes
- Routing
- State management
• Utilización de un framework de front-end, en particular, Vue.js.
- Data reactivity / two-way binding
- Templates
- Interpolación
- Directivas
- Conditional rendering
- Events
- Computed properties, Watchers
- Componentes
- Registration
- Props
- Custom events
- Slots
- Routing
- Flux-like state management
• Reproducción con un framework, de prototipos realizados con herramientas de diseño gráfico.
- Planificación de tareas en proyectos de desarrollo.
- Escritura y depuración de código
- Entornos colaborativos de desarrollo de software.
11
• Manipulación de código de terceros:
- Comparación de códigos y soluciones existentes
- Documentación técnica de terceros
• Elaboración de documentación técnica y de usuario de un framework
- Documentación destinada al usuario final de una aplicación.
- Documentación técnica destinada a programadores.
Habilidades de gestión, personales y sociales
• Efectividad en la selección del framework JavaScript más adecuado para un problema dado.
• Concienciación de la importancia de analizar la información extraída de la documentación y de los foros oficiales de un framework.
• Uso de habilidades de comunicación con los clientes y el equipo de trabajo, utilizando herramientas y estándares propios del framework para la codificación de los proyectos, el control de tareas, el control de versiones de código (p.ej. GitHub) y la generación de documentación.