TipoCurso Presencial
Duración240 Horas
Solicitar Información
Fecha5 Sep, 2022 - 27 Oct, 2022
Plazas libres8Ver edición



front-end-web

El curso Front End Web Developer de 240 horas te enseñará a desarrollar aplicaciones web en el ámbito Front End para trabajar en el sector digital.

Esta actuación está impulsada y subvencionada por el Consorci per a la Formació Contínua de Catalunya y financiada por el Fondo Social Europeo como parte de la respuesta de la Unión Europea a la pandemia de COVID19.
Unio-europea

Aunque la edición del curso ponga curso completo, te recomendamos que te pases por el centro a llevar toda la documentación. Las listas de espera son efectivas y reales y las utilizamos para cubrir las bajas que se ocasionan habitualmente.

Presentación

Requisitos

Información

Objetivos generales

  • Desarrollar webs basadas en HTML y CSS utilizando un entorno profesional de desarrollo y herramientas de gestión de proyectos.
  • Crear proyectos web interactivos con HTML, CSS y JavaScript (ES6) con el fin de asentar los fundamentos de la programación web.
  • Utilizar un framework de desarrollo web basado en JavaScript, como Vue.js, y extrapolar el proceso a otros frameworks a partir de la experimentación.

Contenido general del curso

MÓDULO DE FORMACIÓN 1: DESARROLLO WEB 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 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.
  • Uso de 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) (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)
  • Tipo de datos: Boolean, Number, String, Date, 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 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..

Interretació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.
  • Uso de habilidades comunicativas con los clientes y el equipo de trabajo, 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) (80 horas)

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.

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.

Riquisitos de acceso

El/la alumno/a deberá cumplir como mínimo alguno de los siguientes requisitos:

  • Título de Grado o equivalente
  • Título de Postgrado (Máster) o equivalente
  • Título de Técnico Superior (FP Grado Superior) o equivalente de la familia profesional Informática y Comunicaciones
  • Certificado de profesionalidad de nivel 3 de la familia profesional Informática y Comunicaciones

Además debe poseer conocimientos de:

  • Programación estructurada / procedural con al menos 1 lenguaje de programación (p.ej., C o Python): bloques condicionales, iterativos, Funciones, declaración de variables, etc.
  • Conocimientos elementales de Internet: Dirección IP, URL, dominio, puerto, etc.
  • Ofimática tradicional y ofimática en red.
  • Nivel de inglés equivalente a nivel B1.

Inscripción

El botón reserva permite reservar tu plaza 48 horas a partir de que le das al botón. Durante estas 48 horas tienes que formalizar la inscripción al curso.

¿Cómo formalizar la inscripción?

Para realizar la inscripción es imprescindible traer cumplimentados y firmados el Anexo 1 y Anexo 2, acompañados de la siguiente documentación:

Si estás en activo

  • Fotocopia del DNI en vigor
  • Fotocopia de la última nómina entera, donde debe aparecer la siguiente información: Núm. de Seguridad Social del trabajador, Núm. de Seguridad Social de la empresa y CIF de la empresa

Si eres autónomo (freelance)

  • Fotocopia del DNI en vigor
  • Fotocopia del último recibo de autónomos

Si estás en paro

  • Fotocopia del DNI en vigor
  • Fotocopia del DARDE actualizado (documento de inscripción de demanda de empleo del Servicio Público de Ocupación de Cataluña)
  • Fotocopia de algún documento donde aparezca el Núm. de afiliación a la Seguridad Social

Si estás en situación de ERTE

  • Fotocopia del DNI en vigor
  • Fotocopia del comunicado de la empresa conforme se aplica el Expediente de Regulación Temporal de Empleo
  • Fotocopia de algún documento donde aparezca el Núm. de afiliación a la Seguridad Social
  • Fotocopia de la última nómina entera, donde debe aparecer la siguiente información: Núm. de Seguridad Social del trabajador, Núm. de Seguridad Social de la empresa y CIF de la empresa

Todas las fotocopias separadas y sin recortar

¿Cómo?

Nos puedes adelantar la inscripción por correo electrónico (formacio@foment.com), pero es imprescindible que nos hagas llegar el original de los anexos siguientes, más la documentación detallada más arriba, por correo ordinario o postal, o bien traérnoslos presencialmente al centro de formación (Consultar horario):

Avinguda de Francesc Cambó, 10 – 08003 Barcelona

Información adicional

  • Entrega de un Certificado de aprovechamiento al finalizar el curso
  • Acceso al campus del alumno
  • Curso subvencionado por el Consorci de la Formació Contínua de Catalunya y la Unión Europea

Dejar un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.