Sviluppiamo 5 applicazioni frontend, sfruttando tecniche base ed avanzate JavaScript, CSS e HTML.

Il corso, di livello base ed intermedio, è rivolti a programmatori che hanno una conoscenza almeno base di HTML, CSS e JavaScript.

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 JavaScript 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 JavaScript 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 JavaScript 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 JavaScript 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 6 [BONUS] - 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 JavaScript che utilizzeremo. È necessario avere una conoscenza pregressa, almeno base, di HTML, CSS e JavaScript.

Per approfondire JavaScript, è possibile seguire i miei corsi Maestro JavaScript 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 :)