Desenvolupament web (1)

Mòduls professionals i UF's associades.

AFA0: Cicle formatiu de grau superior de Disseny i edició de publicacions impreses i multimèdia

• MP8 (UF1,UF2), MP12

AF10: Cicle formatiu de grau mitjà de Preimpressió digital

• MP8 (UF1,UF3), MP12

Descripció del curs:

Introducció al desenvolupament web per HTLM5, CSS i Javascript.

Objectius:

Iniciació en la programació d’HTML5, CSS i Javascript.

Hores:

• Presencials: 25 h

• No presencials: 0 h

• Totals: 25 h

Nivell de formació:

□ INICIAL

🗹 MITJÀ

□ SUPERIOR

□ AVANÇAT

Àmbit de contingut:

Documentació per al curs:

Presentació i exemples visuals (pantalla) de mostra per il·lustrar la formació.

Equips necessaris:

Equipament de treball per al formador/a

1. Maquinari

Dispositiu digital de treball:

• estació iMac integrada (pantalla) amb teclat i ratolí (mouse), Projector digital, pantalla i comandament-apuntador.

2. Programari

Programari per a la programació.

Navegador web.

Requisits per a la certificació:

Assistència del 80%.

Coneixements previs:

No calen coneixements previs

Continguts de la formació:

1. Desenvolupament web.

   1. Protocol HTTP.

   2. Llenguatges d’etiquetes. XML, XHTLM, HTLM5.

   3. Estàndars web HTML5, CSS i JavaScript. Funcions i integració.

   4. Programari de treball.

   5. Codi font i editors de text. Complements.

   6. Fonts de consulta.

   7. Accessibilitat. Descripcions textuals. Contingut alternatiu.

   8. Usabilitat.

2. HTML5.

   1. Sintaxi HTML.

   2. Estructura document HTML. Metadades. Comentaris. Identació.

   3. Elements, etiquetes, contingut, atributs.

   4. Elements en bloc i elements en línia.

   5. Etiquetes.

   6. Elements, caixes i maquetació.

   7. Integració d’elements gràfics i multimèdia.

   8. Navegació. URL i enllaços. Rutes relatives i absolutes.

   9. Estructura, contingut i presentació.

   10. Gestió tipogràfica per a web.

3. Full d’estil CSS.

   1. Funcions i avantatges. CSS nivell 3.

   2. Integració amb HTML5. Mètodes i eficiència.

   3. Sintaxi CSS. Selector, propietat, valor. Regla CSS.

   4. Comentaris.

   5. Selectors bàsics. Selectors d’etiqueta, classe i ID.

   6. Selectors avançats.

   7. CSS. Fulls d’estil en cascada.

   8. El model de caixes (box model) de CSS.

   9. Animacions CSS.

4. Disseny i maquetació responsiva per a pantalla

   1. Media queries.

   2. Flexbox

   3. CSS Grid

5. JavaScript.

   1. Funcions. Interactivitat

   2. Integració amb HTML5.

   3. Interpretació i execució de codi en el costat client.

   4. Sintaxi JavaScript. Llibreries.

   5. Variables. Tipus.

   6. Operadors. Tipus.

   7. Funcions.

   8. Comentaris.

   9. Gestió d’esdeveniments i accions.

   10. Depuració de codi.

6. Publicació web.

   1. FTP (Filer Transfer Protocol). HTTP.

   2. SSL. HTPS. SEO.

Activitat d'ensenyament/aprenentatge: