Desarrollo web Front End

Durada: 300 horas.

Objetivo: Desarrollar aplicaciones web utilizando el lenguaje de marcas HTML5 y CSS3, el lenguaje de programación JavaScript y alguno de los frameworks más usuales tanto para el desarrollo del FrontEnd de aplicaciones como el desarrollo de webapps.

Titulación de bachillerato o equivalente y conocimientos de programación, equivalentes al nivel del curso: “Introducción a la programación”.

Módulo 1

Denominación: Desarrollo de aplicaciones con HTML y CSS3

Objetivo: Maquetar una plataforma web con HTML5 y CSS3 utilizando las etiquetas semánticas correctas y la distribución de componentes adecuada para su correcta visualización en dispositivos de sobremesa, tabletas y móviles.

Duración: 60 horas

Contenidos teórico-prácticos:

1. Lenguajes de marcas HTML5

   • Etiquetas de texto para introducción de contenidos
   • Elaboración de listas numéricas, con viñetas o con imágenes
   • Incorporación de imágenes como contenido o como fondo
   • Enlaces e hipervínculos intradominio, extradominio y anclas
   • Tablas y su uso en una aplicación web
   • Incorporación de formularios, tipos de datos capturados y tipo de envío de datos al servidor
   • Incorporación de audio y vídeo en la web
   • Incorporación de contenidos externos:
   • Videos de YouTube o Vimeo
   • Mapas de Google maps

2. Estilos de la página web con CSS3

   • Selectores CSS3 más usuales
   • Propiedades CSS3 aplicables a textos
   • Propiedades aplicables a listas
   • Propiedades aplicables a imágenes de contenido o fondo
   • Unidades más usuales para trabajar con imágenes y textos
   • Efectos avanzados con CSS3
   • Animación de elementos con CSS3
   • Animaciones avanzadas con keyframes

3. Maquetación y distribución de componentes en una página web

   • Uso de las nuevas etiquetas semánticas de HTML5 para organizar componentes en una página web
   • Uso de las propiedades CSS para organizar elementos en línea o en bloque
   • Márgenes interiores y exteriores y bordes
   • Posicionamiento absoluto y relativo de elementos en la página web
   • Concepto y utilización de cajas flexibles
   • Creación de menús y menús desplegables
   • Tipo de maquetación de páginas web
   • Clásica
   • Flat Design
   • Otros tipos

4. Adaptación de una página web en diferentes dispositivos

   • Mediaqueries
   • Framework de CSS Bootstrap

Módulo 2

Denominación: Desarrollo de aplicaciones con el lenguaje de guion JavaScript

Objetivo: Añadir funcionalidades de interactividad a una página incorporando el lenguaje Javascript según el estándar ECMA6.

Duración: 140 horas

Contenidos teórico-prácticos:

1. Programación con JavaScript nativo

   • Variables de texto, numéricas y booleanas
   • Operadores de concatenación, aritméticos, asignación, relacionales y lógicos
   • Estructuras de decisión y uso correcto de cada una de ellas: IF, IF ELSE y SWITCH
   • Uso de operadores lógicos con estructuras de decisión
   • Estructuras de iteración: FOR, WHILE y DO WHILE
   • Uso de funciones con o sin parámetros de entrada y salida.
   • Arrays: tipos y métodos para trabajar con ellos
   • Objetos en JavaScript
   • Métodos para trabajar con cadenas de texto, números y fechas

2. Definición y modificación del DOM:

   • Elementos del documento web utilizando javaScript: acceso por id, class, etiqueta y selectores combinados
   • Eventos de teclado y de ratón en javaScript para detectar acciones realizadas por el usuario al documento html
   • Eventos utilizando escuchadores o listeners
   • Métodos del DOM para añadir o modificar contenido, estilos CSS y agregar o quitar atributos de etiqueta
   • Métodos para construir nuevos nodos al documento o borrarlos
   • Uso de temporizadores y repetidores

3. Uso de AJAX y JSON para realizar peticiones asíncronas al servidor

   • El formato JSON para intercambio de información entre entornos
   • Uso de la instrucción HttpRequest: Envío y recepción de datos del servidor
   • Realización de peticiones CORS entre dominios diferentes

4. Nuevas funcionalidades del estándar ECMA6

   • Nuevos tipos de variables
   • Funciones arrow
   • Funciones de mapeo de arrays
   • La nueva función fetch para realizar peticiones asíncronas

5. Framework Jquery

   • Acceso al documento utilizando el framework Jquery
   • Animaciones, audio y efectos utilizando Jquery y la librería JqueryUI
   • Validación de formularios con Jquery

Módulo 3

Denominación: Desarrollo de aplicaciones SPA con el framework Angular 7

Objetivo: Desarrollar aplicaciones SPA (single page application) utilizando el framework Angular 7.

Duración: 60 horas

Contenidos teórico-prácticos:

• Instalación de Angular 7
• Introducción a transcripción
• Módulos y componentes
• Directivas
• Uso y creación de pipas
• Rutas y módulos
• Creación de servicios
• Creación de formularios
• Desarrollo de y planificación de tests unitarios

Módulo 4

Denominación: Desarrollo de aplicaciones específicas para móvil

Objetivo: Construir aplicaciones específicas para móviles utilizando Cordova y PhoneGap y distribuirlas en Google Play Store.

Duración: 40 horas

Contenidos teórico-prácticos:

• Instalación de los componentes necesarios: Apache Cordova, PhoneGap y las herramientas de Android studio
• Desarrollo de una aplicación utilizando JavaScript
• Emulación y prueba de la aplicación
• Compilación y generación de la firma
• Distribución de la aplicación en Google Play

Diploma acreditativo expedido por el Servicio Público de Empleo de Catalunya.