El contingut formatiu està dividit en els següents mòduls:
- Mòdul 1. Desenvolupament web i gestió de projectes (60h): desenvolupar webs basades en HTML i CSS utilitzant un entorn professional de desenvolupament i eines de gestió de projectes.
- Mòdul 2. Javascript (ES6) (100h): crear projectes web interactius amb HTML, CSS i Javascript (ES6) amb la finalitat d’assentar els fonaments de la programació web.
- Mòdul 3. Framework de FrontEnd (Vue.js) (80h): utilitzar un framework de desenvolupament web basat en Javascript, com Vue.js, i extrapolar el procés a uns altres frameworks a partir de l’experimentació.
- Mòduls Formació complementaria (40h): Bàsic en prevenció de riscos laborals / Itinerari per a la Igualtat de gènere, Drets i Deures Laborals i Transició ecològica.
Mòdul 1. Desenvolupament web i gestió de projectes
Aquest mòdul de 60 hores té com objectiu desenvolupar webs basades en HTML i CSS utilitzant un entorn professional de desenvolupament i eines de gestió de projectes. Concretament, en aquest mòdul s’adquiriran els següents coneixements:
Identificació dels elements d'Internet:
- Història d'Internet i el desenvolupament web.
- Evolució dels navegadors.
- Client i Servidor.
- Protocols. HTTP.
Aplicació del llenguatge de marcat HTML per a maquetar web:
- Història de l'HTML.
- Elements d'HTML: HTML, head, body i metadades.
- Elements de separació del contingut, de text i de multimèdia.
- Taules i formularis.
- Block vs Inline.
- Atributs dels elements d'HTML.
- Document Object Model (DOM).
Interpretació dels estàndards i les directrius d'accessibilitat web:
- Elements semàntics.
- Ajudes tècniques i maneres d'interacció.
- Introducció a les WCAG 2.1.
- Introducció a a11y project i en inclusivament components.
Aplicació del llenguatge de fulles d'estil en cascada (CSS) per a maquetar web:
- Història del CSS.
- Anatomia del CSS.
- Especificitat.
- Pseudo-selectors i pseudo-elements bàsics.
- Estils per a textos i formularis.
- Colors i contrasti.
- Model Box.
- Unitats (absolutes i relatives).
- Posicionament.
- Layouts.
- Responsive web design.
- Flexbox.
- CSS Grid.
- Ús de transicions.
- Ús d'animacions.
Anàlisis de dissenys realitzats amb eines de disseny gràfic:
- Arxius de disseny (proveïts per Zeplin, AdobeXD, etc).
- Disseny de prototips amb eines de disseny gràfic reproduint-ho a través de codi.
Caracterització dels entorns, les fases i eines necessàries per a realitzar projectes:
- Entorns, fases i documentació d'un projecte.
- Metodologies de elicitació de requeriments d'usuari.
- Planificació de tasques en projectes de desenvolupament.
- Entorns col·laboratius de desenvolupament de programari.
Relació dels coneixements de control de versions i repositoris de codi, com GitHub:
- Introducció al Control de Versions amb Git.
- Sintaxi bàsica.
- GitFlow.
- GitHub.
Mòdul 2. JavaScript (ES6)
Aquest mòdul de 100 hores té com objectiu crear projectes web interactius amb HTML, CSS i Javascript (ES6) amb la finalitat d’assentar els fonaments de la programació web. Concretament, en aquest mòdul s’adquiriran els següents coneixements:
Caracterització dels fonaments de la programació Front End: Javascript:
- Història i evolució de Javascript.
- Variables (var, let i const).
- Tipus de dades: Boolean, Number, String, Dati,undefined, BigInt i Symbol.
- Objectes.
- Valors especials: null, NaN i Infinity.
- Operadors i precedència d'operadors.
- Expressions.
- Bloc de control del flux, i control / tractament d'errors.
- Scopes (incloent hoisting).
- Funcions (first-class functions, funcions niades i clausures, funcions anònimes, callback, arrow functions i this).
- Gestió d'esdeveniments (event bubbling i captura).
- Javascript i DOM: com es relacionen HTML, CSS i Javascript.
Aplicació dels elements més avançats de Javascript:
- Herència basada en prototips.
- Herència en ES6.
- Programació funcional: map, filter i redueix.
- Mòduls i elements introduïts en ES6: desetructurador,spread, etc.
Interpretació i reescriptura de crides, dades i codi AJAX:
- Callback.
- Promises.
- Programació asíncrona, HTTP, API REST i Fetch API.
Reproducció amb codi, de prototips realitzats amb eines de disseny gràfic:
- Planificació de tasques en projectes de desenvolupament.
- Escriptura i depuració de codi.
- Entorns col·laboratius de desenvolupament de programari.
Manipulació de codi de tercers:
- Comparació de codis i solucions existent.
- Documentació tècnica de tercers.
Elaboració de documentació tècnica i d'usuari de llenguatge Javascript:
- Documentació destinada a l'usuari final d'una aplicació.
- Documentació tècnica destinada a programadors.
Mòdul 3. Framework de FrontEnd (Vue.js)
Aquest mòdul de 80 hores té com objectiu utilitzar un framework de desenvolupament web basat en Javascript, com Vue.js, i extrapolar el procés a uns altres frameworks a partir de l’experimentació. Concretament, en aquest mòdul s’adquiriran els següents coneixements:
Distinció dels frameworks de desenvolupament Front End web:
- Història i evolució dels frameworks de desenvolupament Front End web.
- Comparativa de Vue.js, React i Angular.
Identificació dels elements comuns que apareixen en els diversos frameworks:
- Data binding.
- Reactivitat.
- Templates.
- Components.
- Routing.
- State management.
Utilització d'un framework de Front End, en particular, Vue.js:
- Data reactivity / two-way binding.
- Templates.
- Interpolació.
- Directives.
- Conditional rendering.
- Events.
- Computed properties, Watchers.
- Components.
- Registration.
- Props.
- Custom events.
- Slots.
- Routing.
- Flux-like state management.
Reproducció amb un framework, de prototips realitzats amb eines de disseny gràfic:
- Planificació de tasques en projectes de desenvolupament.
- Escriptura i depuració de codi
- Entorns col·laboratius de desenvolupament de programari.
Manipulació de codi de tercers:
- Comparació de codis i solucions existent.
- Documentació tècnica de tercers.
Elaboració de documentació tècnica i d'usuari d'un framework:
- Documentació destinada a l'usuari final d'una aplicació.
- Documentació tècnica destinada a programadors.
Mòduls formació complementària
Aquesta formació tindrà una durada de 40 hores amb els següents continguts:
Bàsic de Prevenció de Riscos Laborals (30 h)
- Mòdul 1 | Seguretat i salut a la feina
- Mòdul 2 | Riscos generals i la seva prevenció
- Mòdul 3 | Riscos específics i la seva prevenció al sector corresponent a l'activitat de l'empresa
- Mòdul 4 | Elements bàsics de la gestió de la prevenció de riscos laborals
Itinerari per a la Igualtat de gènere, Drets i Deures Laborals i Transició ecològica (10 h)