Grau en Enginyeria Telemàtica (Xarxes i Tecnologies d'Internet)

Grau en Enginyeria Telemàtica (Xarxes i Tecnologies d'Internet)

Forma't per ser un enginyer expert en Xarxes i Tecnologies d'Internet i assoleix alhora les certificacions oficials de CCNA i CCNP

Projectes web I

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