What you'll learn
Combinare efficacemente HTML, jаvascript e CSS per uno sviluppo ottimale frontend
Modularizzare l'applicazione con i moduli ESM
Utilizzare i moduli jаvascript in combinazione con il Module Bundler Parcel
Utilizzare tecniche di livello base, intermedio e avanzato CSS
Course content
7 sections * 75 lectures * 9h 48m total length
Requirements
È necessaria una conoscenza base di HTML, CSS e jаvascript
Disporre di un normalissimo computer
Description
Sviluppiamo 5 applicazioni frontend, sfruttando tecniche base ed avanzate jаvascript, CSS e HTML.
Il corso, di livello base ed intermedio, è rivolti a programmatori che hanno una conoscenza almeno base di HTML, CSS e jаvascript.
Il corso è suddiviso in 5 giorni
GIORNO 1 - Slider di pagine
Implementeremo la possibilità di spostarci tra una pagina ed un'altra utilizzando esclusivamente HTML e CSS.
In questo progetto sfrutteremo jаvascript in modo limitato, scrivendo solo poche righe di codice.
Livello base
GIORNO 2 - Form multi-step
In questo progetto creeremo un form multi-step, sfruttando la competenza CSS acquisita nel GIORNO1.
Faremo un uso più intenso del codice jаvascript ed utilizzeremo i moduli ESM, per sviluppare l'applicazione in modo modulare.
Livello base/intermedio
GIORNO 3 - Simulazione app mobile note
In questo progetto simuleremo una app mobile di note.
Utilizzeremo in modo intensivo codice CSS e jаvascript per implementare tutte le funzionalità dell'applicazione.
L'applicazione completa prevede la creazione e cancellazione di note, il riordino delle note con funzionalità drag & drop, l'attivazione o disattivazione del suono di conferma avvenuta operazione.
Livello intermedio
GIORNO 4 - Test velocità scrittura
Nel giorno 4, realizzeremo un test di velocità di scrittura della durata di 60 secondi.
In questo progetto ci focalizzeremo sul codice jаvascript e analizzeremo cosa sono i module loader e i module bundler, e vedremo come lavorare con Parcel.
Livello base/intermedio
GIORNO 5 - Responsive Web Design
In questo progetto analizzeremo come implementare un layout responsive. Studieremo la differenza tra pixel fisici e pixel css e come lavorare con unità di misura relative, per rendere il nostro layout molto più flessibile.
Realizzeremo un menù responsive e un nostro grid system semplificato, utilizzando tecniche CSS di livello intermedio.
GIORNO 6ONUS - Webpack
In questa sezione, analizzeremo in dettaglio il module bundler Webpack, per ottimizzare l'applicazione e automatizzare il processo di preparazione al deploy.
N.B. Il corso non prevede lezioni specifiche sulle tecnologie CSS e jаvascript che utilizzeremo. È necessario avere una conoscenza pregressa, almeno base, di HTML, CSS e jаvascript.
Per approfondire jаvascript, è possibile seguire i miei corsi Maestro jаvascript e Maestro Node (corsi della durata complessiva di oltre 30 ore).
Per qualsiasi dubbio sulle tecniche che utilizzeremo nel corso, sarò attivo nella sezione D&R, rispondendo alle domande nel minor tempo possibile.
Se sei pronto per questo viaggio, iniziamo :)
Who this course is for
Sviluppatori frontend, che desiderano migliorare le capacità di sviluppo con HTML, CSS e jаvascript