Overview

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 pagineImplementeremo 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 baseGIORNO 2 - Form multi-stepIn 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/intermedioGIORNO 3 - Simulazione app mobile noteIn 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 intermedioGIORNO 4 - Test velocità scritturaNel 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/intermedioGIORNO 5 - Responsive Web DesignIn 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] - WebpackIn 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:)

Skills

Reviews