Descripció:
L'objectiu de l'assignatura Projectes Web I és que els alumnes adquireixin els coneixements necessaris per a desenvolupar interfícies gràfiques web que permetin a qualsevol usuari veure i interactuar amb dades. Una interfície gràfica web (o web front-end) és aquella que s'accedeix via un navegador web. Per tant, les tecnologies que s'utilitzaran per a desenvolupar-la seran tecnologies web.
Les tecnologies que s'imparteixen a l'assignatura són HTML, CSS i JavaScript. Actualment són l'estàndard recomanat per la W3C (World Wide Consortium) i considerades les millors per al desenvolupament de d'interfícies gràfiques web.
El nivell impartit en l'assignatura és alt. Es farà una constant referència als nous estàndards HTML5, CSS3, SCSS, objectes i llibreries JavaScript.
L'assignatura té una càrrega de treball de 4 crèdits ECTS, el que equival a 100 hores de dedicació per part de l'alumne.
L'assignatura s'imparteix enguany en una sessió de 3 hores de durada. Al llarg de les 13 sessions del semestre l'alumne dedicarà 39 hores a aprenentatge presencial d'aula i 61 hores a aprenentatge fora de l'aula. Ambdues dedicacions combinaran aprenentatge individual i col·laboratiu.
Tipus assignatura
Tercer - Obligatoria
Semestre
Primer
Curs
3
Crèdits
4.00
Professors Titulars
Professor/a
Professors Docents
Coneixements previs:
Es recomana que l'estudiant tingui coneixements bàsics de programació (estructures condicionals, bucles, funcions).
Objectius:
L'objectiu principal és que l'estudiant sigui capaç de dissenyar i implementar aplicacions web bàsiques amb un enfocament professional i estructurat.
En finalitzar el curs, l'alumne haurà adquirit les competències per:
- Crear pàgines web utilitzant HTML semàntic i estàndards W3C.
- Aplicar estils i dissenys adaptatius amb CSS i tècniques modernes com Flexbox i Grid.
- Programar interactivitat i comportament amb JavaScript i manipulació del DOM.
- Integrar continguts multimèdia, formularis i dades dinàmiques.
- Aplicar criteris d'accessibilitat, usabilitat i bones pràctiques.
Continguts:
La matèria s'organitza en cinc blocs principals:
1- Fonaments del web: història d'Internet, estructura HTML i etiquetes bàsiques.
2- HTML avançat: multimèdia, enllaços, taules i etiquetes semàntiques.
3- CSS: selectors, propietats, model de caixa, Flexbox i Grid.
4- JavaScript: sintaxi, tipus de dades, funcions, esdeveniments i manipulació del DOM.
5- Concepte de client/servidor i seguretat web bàsica: introducció a AJAX i protocols de comunicació.
Metodologia:
L'assignatura segueix una metodologia d'Aprenentatge Basat en Projectes (PBL).
Cada setmana inclou una hora de classe magistral per introduir conceptes i dues hores de pràctica en laboratori per aplicar-los.
S'hi combina també Self-Paced Learning, fomentant la capacitat d'aprendre de manera autònoma.
L'enfocament és altament pràctic i orientat a resultats, simulant el funcionament d'un equip de desenvolupament real.
Avaluació:
L'avaluació és contínua i es basa en la combinació de treballs pràctics individuals i un projecte final en grup que integra tots els continguts de l'assignatura.
L'objectiu és valorar tant el procés d'aprenentatge com el resultat final del desenvolupament web.
- Avaluació contínua (40%): activitats pràctiques setmanals i petites entregues individuals (hands-on), orientades a consolidar els conceptes teòrics i tècnics de cada bloc.
- Projecte final (60%): desenvolupament en grup d'un lloc web complet, on s'avaluarà la funcionalitat, la qualitat del codi, el disseny responsive, la usabilitat i la documentació tècnica.
Per superar l'assignatura cal aprovar cadascun dels blocs d'avaluació (avaluació contínua i projecte final) amb una nota mínima de 5.
La convocatòria extraordinària consistirà en la reentrega o millora d'un projecte complet individual, amb una nota màxima de 7.
A més del resultat tècnic, es valorarà la capacitat d'autonomia, la col·laboració dins l'equip, la presentació del treball i la capacitat per justificar les decisions de disseny i desenvolupament.
Criteris avaluació:
Es valorarà especialment:
- La correcció funcional de les pràctiques i del projecte.
- La qualitat i organització del codi seguint bones pràctiques.
- L'aplicació d'estàndards web i disseny responsive.
- El disseny i experiència d'usuari (UI/UX).
- La documentació tècnica del treball realitzat.
- La participació activa i treball en equip durant el projecte.
Bibliografia bàsica:
WHATWG community (2021). HTML Living Standard. https://www.w3.org/TR/html5/
Haverbeke, M. (2019). Eloquent JavaScript (3rd ed.). https://eloquentjavascript.net/
Mozilla Developer Network (MDN). Web Docs: HTML, CSS & JavaScript. https://developer.mozilla.org/
Material complementari:
Duckett, J. (2014). HTML & CSS: Design and Build Websites. Wiley.
Keith, J. & Andrew, R. (2022). DOM Scripting: Web Design with JavaScript and the Document Object Model. Friends of ED.
Mozilla MDN: Learning Area - Front-End Web Development Tutorials.
CSS Tricks i Smashing Magazine: articles sobre disseny web i bones pràctiques.