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 Front End d'aplicacions com el desenvolupament d'aplicacions mòbils amb tecnologies web.

- 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:  

• Ús i aplicació del 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 intradomini, extradomini 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: Videos de YouTube o Vimeo; Mapes de Google Maps
• Aplicació d' 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 (ombrejats de text i caixes, filtres, opacitats i degradats)
  • Animació d'elements  amb CSS3 (transicions, translacions i rotacions)
  • Animacions avançades amb keyframes
• Maquetació i distribució de components en una pàgina web
  • Ús de les noves etiquetes semàntiques  d'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 a 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 (clàssica, flat design i altres tipus)
  • 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:  

• Programació amb Java Script nadiu
  • Variables de text, numèriques i booleanes
  • Operadors de concatenació, aritmètics, assignació, relacionals i lògics
  • Estructures de decisió i ús correcte de cadascuna  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 paràmetres d'entrada i sortida:
  • Arrays: tipus i mètodes per treballar amb ells
  • Objectes a JavaScript
  • Mètodes per treballar amb cadenes de text, números i dates
• Definició i modificació del DOM:
  • Elements del document web utilitzant javaScript: accés per id, class, etiqueta i selectors combinats
  • Esdeveniments de teclat i de ratolí en javaScript per detectar accions realitzades per l'usuari en el 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 en el document o esborrar-los
  • Ús de temporitzadors i repetidors
• Ú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, tramesa i recepció de dades del servidor
  •  Realització de peticions CORS entre dominis diferents
• Ús de les 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
• Ús del 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 framework de Front End

Objectiu: Desenvolupar aplicacions SPA (single page application) amb framework Front End habituals en el sector.

Durada: 60 hores 

Continguts teoricopràctics:  

• Identificació de les característiques dels diferents frameworks: ReactJS, Angular.
• Ús i instal·lació del framework i processos principals associats :
  • Introducció a TypeScript
  • Creació de components
  • Creació de formularis
  • Gestió d' estat
  • Gestió de rutes
  • Accés a dades externes
• Desenvolupament i planificació de tests unitaris

Mòdul 4

Denominació: Desenvolupament d’aplicacions especifiques per a mòbil

Objectiu: Construir aplicacions específiques per a mòbils usant framework mòbil específic i distribuir-les a Google Play Store.

Durada: 40 hores 

Continguts teoricopràctics:  

• Creació i desenvolupament d' aplicacions mòbils:
  • Exposició Framework
  • Catàleg de components propis de la llibreria React Native
  • Similituds i diferències entre React i React Native
• Desenvolupament d' una aplicació mòbil utilitzant JavaScript:
  • Creació d' estils mitjançant l'abstracció Style Sheet
• Implementació d' una aplicació mòbil en dispositius iOS i Android en plataformes de distribució d' apps:
  • Procés de publicació de  l'aplicació a Google Play

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