• 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

• 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.

• 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.

• 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.