Aquest curs vol contribuir a la formació digital de nous professionals amb l’objectiu de donar resposta a aquelles professions digitals mes demandades en aquest moment.

El curs permetrà als participants adquirir els coneixements i competències clau a treballar en el sector digital i millorar les seves oportunitats laborals.

FINANÇAT PER:

A qui va adreçat?

Persones en actiu que cotitzen en Règim General o Autônoms

Requisits d'accés

Cal complir com a mínim algun dels següents requisits de formació

• Títol de Grau o equivalent 
• Títol de Postgrau (Màster) o equivalent
• Títol de Tècnic Superior (FP Grau Superior) o equivalent de la família professional d'Informàtica i Comunicacions
• Certificat de professionalitat de nivell 3 de la família professional d'Informàtica i Comunicacions

IMPORTANT: En cas de no tenir titulació acadèmica, es realitzarà una prova d'accés per avaluar el nivell de coneixements.

I cal tenir coneixements de:

• Programació estructurada / procedural amb a l'almenys 1 llenguatge de programació (p.ex., C o Python): blocs condicionals, iteratius, Funcions, declaració de variables, etc.
• Coneixements elementals d'Internet: Adreça IP, URL, domini, port, etc.
• Ofimàtica tradicional i ofimàtica en xarxa.
• Nivell d'anglès equivalent a nivell B1.

IMPORTANT: No es requereix experiència professional. 

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ò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.