Consulteu la pàgina general de cursos del CIFO l'Hospitalet per saber en quines dates i modalitat està programat aquest curs.
Si us interessa participar-hi, la inscripció al procés de selecció s'ha de realitzar a través de cifo virtual.
Durada i objectiu general
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.
Perfil de l'alumnat
Titulació de batxillerat o equivalent i coneixements de programació, equivalents al nivell del curs: “Introducció a la programació”.
Mòduls formatius
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:
-
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
-
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
-
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:
-
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
-
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
-
Ú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
-
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
-
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
Acreditació
Diploma acreditatiu expedit pel Servei Públic d’Ocupació de Catalunya.