Desenvolupament web Front End

Durada: 300 hores

Objectiu: Desenvolupar aplicacions web utilitzant el llenguatge de marques HTML5 i CSS3, el llenguatge de programació JavaScript i algun dels frameworks més usuals tant per al desenvolupament del FrontEnd d'aplicacions com el desenvolupament de webapps.

Titulació de batxillerat o equivalent i coneixements de programació, equivalents al nivell del curs: “Introducció a la programació”.

Mòdul 1

Denominació: Desenvolupament d'aplicacions amb HTML i CSS3

Objectiu: Maquetar una plataforma web amb HTML5 i CSS3 utilitzant les etiquetes semàntiques correctes i la distribució de components adequada per a la seva correcta visualització en dispositius de sobretaula, tauletes i mòbils.

Durada: 60 hores 

Continguts teoricopràctics:  

1. Llenguatge de marques HTML5

   • Etiquetes de text per a introducció de continguts
   • Elaboració de llistes numèriques, amb vinyetes o amb imatges
   • Incorporació d'imatges com a contingut o com a fons
   • Enllaços i hipervincles intradominio, extradominio i àncores
   • Taules i el seu ús en una aplicació web
   • Incorporació de formularis, tipus de dades capturades i tipus d'enviament de dades al servidor
   • Incorporació d'àudio i vídeo al web
   • Incorporació de continguts externs:
     • Vídeos de YouTube o Vimeo
     • Mapes de Google maps

2. Estils de la pàgina web amb CSS3

   • Selectors CSS3 més usuals
   • Propietats CSS3 aplicables a textos
   • Propietats aplicables a llistes
   • Propietats aplicables a imatges de contingut o fons
   • Unitats més usuals per treballar amb imatges i textos
   • Efectes avançats amb CSS3
   • Animació d'elements amb CSS3
   • Animacions avançades amb keyframes

3. Maquetació i distribució de components en una pàgina web

   • Ús de les noves etiquetes semàntiques de HTML5 per organitzar components en una pàgina web
   • Ús de les propietats CSS per organitzar elements en línia o en bloc
   • Marges interiors i exteriors i vores
   • Posicionament absolut i relatiu d'elements en la pàgina web
   • Concepte i utilització de caixes flexibles
   • Creació de menús i menús desplegables
   • Tipus de maquetació de pàgines web
   • Adaptació d'una pàgina web a diferents dispositius:
     • Mediaqueries
     • Framework de CSS Bootstrap

Mòdul 2

Denominació: Desenvolupament d'aplicacions amb el llenguatge de guió JavaScript

Objectiu: Afegir funcionalitats d'interactivitat a una pàgina incorporant el llenguatge Javascript  segons l'estàndard ECMA6.

Durada: 140 hores 

Continguts teoricopràctics:  

1. Programació amb JavaScript natiu

   • Variables de text, numèriques i booleanes
   • Operadors de concatenació, aritmètics, assignació, relacionals i lògics
   • Estructures de decisió i ús correcte de cada una d'elles: IF, IF ELSE i SWITCH
   • Ús d'operadors lògics amb estructures de decisió
   • Estructures d'iteració: FOR, WHILE i DO WHILE
   • Ús de funcions amb o sense paràmetres d'entrada i sortida:
   • Arrays: tipus i mètodes per treballar amb ells
   • Objectes en JavaScript
   • Mètodes per treballar amb cadenes de text, números i dates

2. Definició i modificació del DOM:

   • Elements del document web utilitzant javaScript: accés per aneu, class, etiqueta i selectors combinats
   • Esdeveniments de teclat i de ratolí en javaScript per detectar accions realitzades per l'usuari al document html
   • Esdeveniments utilitzant escoltadors o listeners
   • Mètodes del DOM per afegir o modificar contingut, estils CSS i afegir o treure atributs d'etiqueta
   • Mètodes per construir nous nodes al document o esborrar-los
   • Ús de temporitzadors i repetidors

3. Ús d'AJAX i JSON per realitzar peticions asíncrones al servidor

   • El format JSON per a intercanvi d'informació entre entorns
   • Ús de la instrucció httpRequest: Enviament i recepció de dades del servidor
   • Realització de peticions CORS entre dominis diferents

4. Noves funcionalitats de l'estàndard ECMA6

   • Nous tipus de variables
   • Funcions arrow
   • Funcions de mapatge d'arrays
   • La nova funció fetch per realitzar peticions asíncrones

5. Framework Jquery

   • Accés al document utilitzant el framework Jquery
   • Animacions, àudio i efectes utilitzant Jquery i la llibreria JqueryUI
   • Validació de formularis amb Jquery

Mòdul 3

Denominació: Desenvolupament d'aplicacions SPA amb el framework Angular 7

Objectiu: Desenvolupar aplicacions SPA (single page application) utilitzant el framework Angular 7.

Durada: 60 hores 

Continguts teoricopràctics:  

• Instal·lació d'Angular 7
• Introducció a TypeScript
• Mòduls i components
• Directives
• Ús i creació de pipes
• Rutes i mòduls
• Creació de serveis
• Creació de formularis
• Desenvolupament de i planificació de tests unitaris

Mòdul 4

Denominació: Desenvolupament d'aplicacions específiques per a mòbil

Objectiu: Construir aplicacions específiques per a mòbils utilitzant Cordova i phonegap i distribuir-les a Google Play Store.

Durada: 40 hores 

Continguts teoricopràctics:  

• Instal·lació dels components necessaris: Apache Cordova, phonegap i les eines d'Android studio
• Desenvolupament d'una aplicació utilitzant JavaScript
• Emulació i prova de l'aplicació
• Compilació i generació de la firma
• Distribució de l'aplicació a Google Play

Diploma acreditatiu expedit pel Servei Públic d’Ocupació de Catalunya.