Corso Frontend Developer
Imparare a sviluppare siti Web complessi con le ultime tecnologie : è questo quello che permette di acquisire il corso base per Webmaster, un percorso formativo creato dall’esperienza di Triboo Academy nel campo dello Sviluppo Web.
Il corso Frontend developer si propone di approfondire le comuni conoscenze di html5 e css3, integrandole con soluzioni provenienti dal mondo javascript come React, Angular e API HTML5.
Il corso ha carattere avanzato quindi è bene che i partecipanti abbiano buone conoscenze di html e css e almeno una conoscenza base di javascript (o jquery).
Html5 ha aperto il campo a opzioni particolarmente interessanti, nel corso delle lezioni si vedrà come inserire all’interno delle proprie pagine web componenti evoluti come grafici in formato vettoriale, player video, animazioni basate su canvas: si andrà oltre le specifiche relative al web semantico per affrontare le vere novità di html5
Lo sviluppo del frontend oggi è una professione che ha riacquistato dignità grazie a soluzione offerte da framework come Ract e Angular, nel corso delle lezioni avremo modo di creare SPA (Single Page Application) per introdurre il funzionamento delle due soluzioni e vedere all’opera punti di forza e debolezze.
Infine useremo Css3 che oltre a completare la gamma di proprietà per poter soddisfare velocemente esigenze ormai comuni (es. angoli arrotondati) presenta molte novità consistenti per quanto riguarda il box model, la gestione delle colonne e le trasformazioni-transizioni-animazioni. Inoltre il modo tradizionale di approccio al css è affiancato, e superato, da soluzioni più potenti e innovativi come less ma sopprattutto SASS che verrà esaminato nel corso delle lezioni. Si vedrà infine come compilare un file SASS e si affornterà il tema della minificazione dei css per migliorare le performance nella distribuzione dei contenuti.
Programma
Il corso Frontend developer ha una durata di 24 ore, suddivise in 3 giorni, 8 ore a giornata.
Non verranno prese in considerazione soluzioni server-side, quindi non è richiesta la conoscenza di linguaggi come PHP et similia.
Gli argomenti affrontati saranno i seguenti:
Parte prima html5
- Le API di Html5
- Uso di local/session storage
- Realizzazione di un player video e sincronizzazione con altri contenuti presenti nella pagina
- Realizzazione di grafici in formato svg
- Uso del canvas
- Creazione di una chat basata su web socket
Parte seconda i framework javascript
- Cosa sono le SPA (Single Page Application)
- I vantaggi dei framework
- React vs angular
- Creazione di un progetto angular
- Creazione di un progetto React
- Confronto e conclusioni
Parte terza css3 e sass
- Flexible box
- Animazioni
- Altre novità meno note di css3 (gradient, gestione evoluta dei testi, etc)
- Evoluzione dei css tramite SASS e compilazione
- Minificare file css