Desenv. front-end amb framew. JavaScript Codi:  M4.254    Crèdits:  6
Consulta de les dades generals   Descripció   L'assignatura en el conjunt del pla d'estudis   Camps professionals en què es projecta   Coneixements previs   Informació prèvia a la matrícula   Objectius i competències   Continguts   Consulta dels recursos d'aprenentatge de què disposa l'assignatura   Metodologia   Informació sobre l'avaluació a la UOC   Consulta del model d'avaluació   Avaluació continuada   Avaluació final   Feedback  
Aquest és el pla docent de l'assignatura. Us servirà per planificar la matrícula (consulteu si l'assignatura s'ofereix aquest semestre a l'espai del Campus Més UOC / La Universitat / Plans d'estudis). Un cop comenci la docència, heu de consultar-lo a l'aula. El pla docent pot estar subjecte a canvis.

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.

Amunt

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.

Amunt

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

Amunt

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.

Amunt

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

Amunt

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

Amunt

  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)

Amunt

Material Suport
Desenvolupament web avançat per a dispositius mòbils Web
Desarrollo web avanzado para dispositivos móbiles Web
Vídeo de presentació de l'assignatura Audiovisual
Vídeo de presentación de la asignatura Audiovisual

Amunt

Durant el semestre els estudiants disposaran a l'aula d'enunciats de PAC que inclouran tant la part teòrica a treballar així com la part pràctica que hauran de lliurar abans de la data de finalització de cada activitat.

Amunt

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.

Amunt

Aquesta assignatura només es pot superar a partir de l'avaluació contínua (AC). La nota final d'avaluació contínua esdevé la nota final de l'assignatura. La fórmula d'acreditació de l'assignatura és la següent: AC.


Ponderació de les qualificacions

Opció per superar l'assignatura: AC

Nota final d'assignatura: AC

Amunt

L'avaluació contínua d'aquesta assignatura consta de 7 proves i una pràctica, els pesos de les quals en la nota final són els següents:

PAC 1 - Introducció al desenvolupament frontend 10%
PAC 2 - Llenguatges de programació Web 12.5%
PAC 3 - BOM/DOM 12.5%
PAC 4 - Introducció a Angular 15%
PAC 5 - Routing 10%
PAC 6 - Formularis 12.5%
PAC 7 - Services 12.5%
PAC 8 - Pràctica 15%

Amunt

La nota final de l'assignatura serà la nota obtinguda en l'Avaluació contínua.

Amunt

El professor col·laborador docent donarà feedback personalitzat a cada estudiant. A més es publicarà una solució general a l'aula per a cada PAC.

Amunt