JavaScript, CSS3 e HTML5 [5 Progetti Frontend in 5 giorni]

JavaScript, CSS3, HTML5 e Webpack per applicazioni veloci ed ottimizzate [+ bonus tecniche Responsive Web Design]

What you'll learn

Combinare efficacemente HTML, JavaScript e CSS per uno sviluppo ottimale frontend
Modularizzare l'applicazione con i moduli ESM
Utilizzare i moduli JavaScript 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 JavaScript
Disporre di un normalissimo computer

Description

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 :)


Who this course is for:

Sviluppatori frontend, che desiderano migliorare le capacità di sviluppo con HTML, CSS e JavaScript