Curso de Desarrollador Front End Web

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 la composición 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

• Documento Object Model (DOM)

Interpretación de los estándares y directrices de accesibilidad web

• Elementos sánticos

• Ayudas técnicas y modalidades de interacción

• Introducción a las WCAG 2.1

• INTRODUCCIÓN A A11y project y en inclusivas componentes

Aplicación del lenguaje de hojas de estilo en cascada (CSS) para la composición 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 reproduciendo 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)

• Tipos de datos: Boolean, Number, String, Dati, undefined, BIGINT y Symbol

• Objetos

• Valores especiales: null, NaN e 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 niuades 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

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

• Promisas

• 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 web frontal

• 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

• Stage management

Utilización de un framework de front-end, en particular, Vue.js

• Data reactivity / two-way binding

• Templates

• Interpolación

• Directivas

• Conditional rendering

• Eventos

• Computed properties, Watchers

• Componentes

• Registration

• Cercas

• 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