Curs de Desenvolupador Front End Web

Identificació dels elements d'Internet

• Història d'Internet i el desenvolupament web

• Evolució dels navegadors

• Client i Servidor

• Protocols. HTTP

Aplicació del llenguatge de marcat HTML per a la composició web

• Història de l'HTML

• Elements d'HTML: html, head, body i metadades

• Elements de separació del contingut, de text i de multimèdia

• Taules i formularis

• Block vs Inline

• Atributs dels elements d'HTML

• Document Object Model (DOM)

Interpretació dels estàndards i les directrius d'accessibilitat web

• Elements semàntics

• Ajudes tècniques i modalitats d'interacció

• Introducció a les WCAG 2.1

• Introducció a a11y project i en inclusive components

Aplicació del llenguatge de fulls d'estil en cascada (CSS) per a la composició web

• Història del CSS

• Anatomia del CSS

• Especificitat

• Pseudo-selectors i pseudo-elements bàsics

• Estils per a textos i formularis

• Colors i contrast

• Modelo Box

• Unitats (absolutes i relatives))

• Posicionament

• Layouts

• Responsive web design

• Flexbox

• CSS Grid

• Ús de transicions

• Ús d'animacions

Anàlisi de dissenys realitzats amb eines de disseny gràfic

• Arxius de disseny (proveïts per Zeplin, AdobeXD, etc.)

• Disseny de prototips amb eines de disseny gràfic reproduint a través de codi

Caracterització dels entorns, les fases i eines necessàries per realitzar projectes

• Entorns, fases i documentació d'un projecte

• Metodologies d'elicitació de requeriments d'usuari

• Planificació de tasques en projectes de desenvolupament

• Entorns col·laboratius de desenvolupament de software

Relació dels coneixements de control de versions i repositoris de codi, com GitHub

• Introducció al Control de Versions amb Git

• Sintaxi bàsica

• GitFlow

• GitHub

Caracterizació dels fonaments de la programació Front End: JavaScript

• Història i evolució de JavaScript

• Variables (var, let i const)

• oTipus de dades: Boolean, Number, String, Dati, undefined, BIGINT i Symbol

• Objectes

• Valors especials: null, NaN i Infinity

• Operadors i precedència d'operadors

• Expressions

• Bloc de control del flux, i control/tractament d'errors

• Scopes (incloent hoisting)

• Funcions (first-class functions, funcions niuades i clausures, funcions anònimes, callback, arrow functions i this)

• Gestió d'esdeveniments (event bubbling i captura)

• JavaScript i DOM: com es relacionen HTML, CSS i JavaScript

Aplicació dels elements més avançats de JavaScript

• Herència basada en prototips

• Herència en ES6

• Software funcional: map, filter i redueix

• Mòduls i elements introduïts en ES6: desetructurador, spread, etc.

Interpretació i reescriptura de trucades, dades i codi AJAX

• Callback

• Promises

• Programació asíncrona, HTTP, API REST i Fetch API

Reproducció amb codi, de prototips realitzats amb eines de disseny gràfic

• Planificació de tasques en projectes de desenvolupament

• Escriptura i depuració de codi

• Entorns col·laboratius de desenvolupament de software

Manipulació de codi de tercers

• Comparació de codis i solucions existents

• Documentació tècnica de tercers

Elaboració de documentació tècnica i d'usuari de llenguatge Javascript

• Documentació destinada a l'usuari final d'una aplicació

• Documentació tècnica destinada a programadors

Distinció dels frameworks de desenvolupament Front End web

• Història i evolució dels frameworks de desenvolupament web frontal

• Comparativa de Vue.js, React i Angular

Identificació dels elements comuns que apareixen en els diversos frameworks

• Data binding

• Reactivitat

• Templates

• Components

• Routing

• Stage management

Utilització d'un framework de front-end, en particular, Vue.js

• Data reactivity / two-way binding

• Templates

• Interpolació

• Directives

• Conditional rendering

• Events

• Computed properties, Watchers

• Components

• Registration

• Props

• Custom events

• Slots

• Routing

• Flux-like state management

Reproducció amb un framework, de prototips realitzats amb eines de disseny gràfic

• Planificació de tasques en projectes de desenvolupament

• Escriptura i depuració de codi

• Entorns col·laboratius de desenvolupament de programari

Manipulació de codi de tercers

• Comparació de codis i solucions existents

• Documentació tècnica de tercers

Elaboració de documentació tècnica i d'usuari d'un framework

• Documentació destinada a l'usuari final d'una aplicació

• Documentació tècnica destinada a programadors