Curso de Desarrollador Front End Web

Formación 100% subvencionada para profesionales en activo y personas desempleadas

Nid: 22783
Plan de estudios

1. Desarrollo web básico y gestión de proyectos - 60 horas

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

2. JavaScript (ES6) - 100 horas

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

3. Framework de front-end (Vue.js) - 80 horas

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