• Descripció

En el disseny de programari el front-end és la part del programari que interactua amb els usuaris. En desenvolupament web, podem dir que és la part del programari que s'executa en el navegador. El front-end s'encarrega de recollir les dades de l'usuari, processar-les, enviar-les al servidor, rebre la resposta del servidor i mostrar els resultats a l'usuari. Encara que fa uns anys en el front-end amb prou feines hi havia programació, avui dia la interacció de les aplicacions web i la necessària bona experiència de l'usuari requereix que en el front-end hi hagi una bona combinació de disseny gràfic, disseny de la interacció, arquitectura de la informació i programació. 

Aquesta tasca pot ser realment complexa quan els projectes es fan grans, per la qual cosa existeixen nombroses eines i biblioteques de components que poden ser d'ajuda. Conèixer-les totes és una tasca immensa, però conèixer l'existència i les virtuts de les més importants és necessari per a qualsevol persona que es dediqui al desenvolupament web front-ent.

En el desenvolupament per a dispositius mòbils, el desenvolupament front-end facilita la creació d'aplicacions multidispositiu, sent una gran alternativa a les aplicacions natives.

• L'assignatura en el conjunt del pla d'estudis

En el postgrau de Desenvolupament d'aplicacions web aquest curs es treballa en paral·lel amb el de Desenvolupament back-end amb PHP, de manera que ambdues assignatures es complementen. Aquesta assignatura ha de realitzar-se en el segon semestre de postgrau, havent fet abans, si més no, l'assignatura M4.253 - Programació en Javascript per a programadors.

En el màster de Desenvolupament de llocs i aplicacions web, aquesta assignatura ha de cursar-se despues d'haver realitzat i superat l'assignatura M4.253 - Programació en Javascript per a programadors.

A més a més, aquesta assignatura també forma part del màster de Desenvolupament d'aplicacions per a dispositus mòbils, on permet als estudiants treballar amb el framework Angular. Aquesta assignatura s'ha de cursar després d'haver superat M0.654 - Desenvolupament web.

• Camps professionals en què es projecta

Aquest assignatura forma a professionals en el desenvolupament web del costat client o front-end.

• Coneixements previs

Per aquesta assignatura és imprescindible tenir bons coneixements d'HTML i CSS i, al menys, unes nocions de disseny web. També es important tenir experiència en programació JavaScript, concretament, els coneixements adquirits a l'assignatura M4.253 - Programació en Javascript per a programadors.

• Informació prèvia a la matrícula

Haver aprovat M4.253 - Programació en Javascript per a programadors.

• Objectius i competències

Una vegada acabat el curs, l'estudiant haurà de:

• Saber utilitzar Javascript/TypeScript (amb i sense frameworks) per a la programació del costat client.
• Ser capaç de desenvolupar aplicacions Javascript de manera ràpida i eficaç usant l'arquitectura MVC.
• Conèixer els elements bàsics per a a la creació d'aplicacions usant el framework Angular. 

• Continguts

1. Introducció al desenvolupament front-end (ES5)
2. Llenguatges de programació frontend (ES6/Typescript)
3. Vista (BOM/DOM)
4. Frameworks: Introducció a Angular 
5. Angular: Routing 
6. Angular: Working with Template-Driven Forms and  Working with Reactive Forms
7. Angular: Services
8. Pràctica (Recopilatori del curs)

• Consulta dels recursos d'aprenentatge de què disposa l'assignatura

• Informacions sobre l'avaluació a la UOC

El procés d'avaluació es fonamenta en el treball personal de l'estudiant i pressuposa l'autenticitat de l'autoria i l'originalitat dels exercicis realitzats.

La manca d'autenticitat en l'autoria o d'originalitat de les proves d'avaluació; la còpia o el plagi; l'intent fraudulent d'obtenir un resultat acadèmic millor; la col·laboració, l'encobriment o l'afavoriment de la còpia, o la utilització de material o dispositius no autoritzats durant l'avaluació, entre d'altres, són conductes irregulars que poden tenir conseqüències acadèmiques i disciplinàries greus.

D'una banda, si es detecta alguna d'aquestes conductes irregulars, pot comportar el suspens (D/0) en les activitats avaluables que es defineixin en el pla docent -incloses les proves finals- o en la qualificació final de l'assignatura, sigui perquè s'han utilitzat materials o dispositius no autoritzats durant les proves, com ara xarxes socials o cercadors d'informació a internet, perquè s'han copiat fragments de text d'una font externa (internet, apunts, llibres, articles, treballs o proves d'altres estudiants, etc.) sense la citació corresponent, o perquè s'ha practicat qualsevol altra conducta irregular.

De l'altra, i d'acord amb les normatives acadèmiques, les conductes irregulars en l'avaluació, a més de comportar el suspens de l'assignatura, poden donar lloc a la incoació d'un procediment disciplinari i a l'aplicació, si escau, de la sanció que correspongui.

• Consulta del model d'avaluació