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
What you'll learn
implement a page slider using HTML and CSS
create a multi-step form using ESM modules
develop a mobile notes app with drag and drop functionality
analyze writing speed with JavaScript
apply responsive design principles
Course objectives
enhance your JavaScript skills through hands-on projects
apply CSS for responsive design
learn to create modular applications using JavaScript