Eines HTML i CSS II Codi:  M4.258    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  
Aquest és el pla docent de l'assignatura per al segon semestre del curs 2023-2024. Podeu consultar 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.

La maquetació de pàgines web és un procés complex on tenir un molt bon coneixement d'HTML i CSS és imprescindible per estalviar temps i aconseguir els resultats desitjats. Qualsevol persona que necessiti treballar amb HTML i CSS necessita mantenir actualitzat el seu coneixement de les CSS per conèixer totes les seves possibilitats i aprofitar-les en el seu benefici.

Amb el pas del temps les pàgines web han crescut en complexitat de forma exponencial. Això ha fet necessari la creació de metodologies de desenvolupament CSS i eines que donen suport a aquestes metodologies.

En aquesta assignatura s'aprofundeix en el coneixement de les CSS i s'introdueix l'estudiant en l'ús d'aquestes eines i metodologies que ajuden a desenvolupar llocs web estalviant temps i esforç.

Aquesta assignatura s'actualitza cada semestre per oferir a l'estudiant la possibilitat d'utilitzar les darreres versions de les eines. Per aquest motiu el material docent es compon en gran part d'enllaços a documentacions oficials i publicacions en revistes tècniques d'actualitat que es troben tan sols en anglès.

Amunt

Aquesta assignatura és la segona part d'Eines HTML i CSS I, tot i que es poden cursar totes dues assignatures en paral·lel, o en l'ordre que es consideri oportú.

Amunt

Aquesta assignatura és important per a qualsevol activitat que impliqui la creació de pàgines web, especialment per a dissenyadors web i desenvolupadors front-end i d'aplicacions basades en tecnologies web, independentment de la plataforma a través de la que arrribin a l'usuari.

Amunt

Aquesta assignatura requereix un coneixement consolidat d'HTML i CSS. També són adequats, tot i que no imprescindibles, coneixements sobre JavaScript. Durant l'assignatura no es programarà en JavaScript, però algunes de les eines que s'utilitzaran ofereixen més funcionalitats si es combinen amb JavaScript.

Amunt

La gran majoria del material docent que s'utilitzarà en aquesta assignatura es troba en anglès.

Amunt

Competències

  • Ús de l'anglès en l'àmbit de les TIC.
  • Capacitat per proposar, dissenyar, desenvolupar i implementar aplicacions i continguts multimèdia.
  • Capacitat per estudiar i valorar propostes de projectes que tractin sobre aplicacions i continguts multimèdia tenint en compte els recursos, les alternatives disponibles i les condicions de mercat
  • Capacitat per a crear i dissenyar els elements gràfics i visuals d'un producte o aplicació multimèdia usant procediments creatius, fonaments bàsics del disseny i un llenguatge formal.
  • Capacitat per a usar de forma adequada els llenguatges de programació i les eines de desenvolupament per a l'anàlisi, disseny i implementació d'aplicacions.
  • Capacitat d'organitzar i gestionar la informació usant tecnologies de bases de dades, llenguatges i models estàndard.
  • Capacitat per a integrar i gestionar continguts digitals en aplicacions multimodals d'acord amb criteris estètics, tècnics i funcionals.
  • Conèixer els llenguatges de marcat i les tecnologies per a manipular-los.
  • Ser capaç d'organitzar el contingut i dissenyar la interacció (arquitectura de la informació, guions, hipertext, hipermèdia).
  • Tenir coneixements de percepció visual i composició (cognició, emoció i atenció).

Objectius

  • Comprendre la necessitat de la utilització dels estàndards web i els avantatges del seu ús.
  • Crear pàgines web d'acord amb els estàndards.
  • Utilitzar les millors eines disponibles per a assegurar un procés de desenvolupament eficient.
  • Dominar l'ús de les últimes tècniques de maquetat web.
  • Dominar l'ús de les millors metodologies CSS.

Amunt

  1. Un workflow de desenvolupament frontend modern.
    1. Ús del terminal.
    2. Gestors de paquets. NPM.
    3. Module bundlers. Parcel. UOC Boilerplate.
    4. Pre i postprocessadors CSS. Sass/SCSS.
    5. Control de versions Git. Publicació de la web.
  2. Guies d'estil i metodologies CSS.
    1. Guies d'estil.
    2. Metodologies CSS: OOCSS, BEM, SMACSS, ITCSS.
    3. Eines: Stylelint.
  3. Maquetat avançat.
    1. Flex.
    2. Grid.
  4. Llibreries de components i llibreries d'utilitats
    1. Llibreries de components. Bootstrap.
    2. Atomic CSS. Llibreries d'utilitats. Tailwind.

Amunt

Material Suport

Amunt

El curs es fonamenta en les activitats pràctiques. Per aquest motiu, es realitzaran tres PAC (proves d'avaluació contínua) obligatòries que combinen els continguts teòrics de l'assignatura amb activitats pràctiques. Els estudiants que realitzin les tres PAC obtindran nota final d'avaluació contínua. Els que no, obtindran una qualificació de N (no presentat).

Per a cada unitat d'estudi, l'estudiant rebrà una guia d'estudi amb pautes per a estudiar-ne els continguts i enllaços de profundització.

Amunt

La Normativa acadèmica de la UOC disposa que 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 fets.

La manca d'originalitat en l'autoria o el mal ús de les condicions en què es fa l'avaluació de l'assignatura és una infracció que pot tenir conseqüències acadèmiques greus.

L'estudiant serà qualificat amb un suspens (D/0) si es detecta manca d'originalitat en l'autoria d'alguna activitat avaluable (pràctica, prova d'avaluació contínua (PAC) o final (PAF), o la que es defineixi al pla docent), sigui perquè ha utilitzat material o dispositius no autoritzats, sigui perquè ha copiat textualment d'internet, o ha copiat d'apunts, de materials, de manuals o d'articles (sense la citació corresponent), d'altres estudiants, o per qualsevol altra conducta irregular.

La qualificació de suspens (D/0) en les qualificacions finals d'avaluació contínua pot comportar l'obligació de fer l'examen presencial per a superar l'assignatura (si hi ha examen i si superar-lo és suficient per a superar l'assignatura segons indiqui el pla docent).

Quan aquesta mala conducta es produeixi durant la realització de les proves d'avaluació finals presencials, l'estudiant pot ser expulsat de l'aula, i l'examinador farà constar tots els elements i la informació relatius al cas.

D'altra banda, aquesta conducta pot donar lloc a la incoació d'un procediment disciplinari i l'aplicació, si escau, de la sanció que correspongui.

La UOC habilitarà els mecanismes que consideri oportuns per a vetllar per la qualitat de les seves titulacions i garantir l'excel·lència i la qualitat del seu model educatiu.

Amunt

L'assignatura només es pot aprovar amb el seguiment i la superació de l'avaluació contínua (AC). La qualificació final de l'assignatura és la nota obtinguda a l'AC.


Ponderació de les qualificacions

Opció per superar l'assignatura: AC

Nota final d'assignatura: AC

Amunt

PAC 1: 30% de la nota final.

PAC 2: 50% de la nota final.

PAC 3: 20% de la nota final.

És necessari realitzar les tres proves d'avaluació contínua per a obtenir la nota final de l'avaluació contínua.

Amunt