Il percorso completo

4 moduli progressivi, 16-24 settimane, portfolio di progetti reali.

Durata

4-6 mesi con 3-6 ore settimanali

Progetti

6 progetti completi in portfolio

Tecnologie

HTML, CSS, JavaScript + tools moderni

Output

Portfolio + certificato + job-ready skills

I 4 moduli del percorso

Modulo 1
4-6 settimane

Fondamenti Solidi: HTML & CSS

Costruisci basi solide con HTML semantico e CSS moderno. Impara a strutturare contenuti accessibili e creare layout responsive che funzionano su ogni dispositivo.

HTML5 semantico e best practices
CSS moderno: Grid, Flexbox, Custom Properties
Responsive design mobile-first
Accessibilità e WCAG basics
Performance e ottimizzazione immagini
Progetto: Landing page responsive professionale con form validato
Modulo 2
4-6 settimane

Componenti & Design System

Impara a pensare in componenti riutilizzabili. Crea un tuo mini design system con naming conventions, tokens e documentazione che scale con il progetto.

Architettura CSS scalabile (BEM, ITCSS)
Design tokens e theming
Componenti UI riutilizzabili
CSS animations e micro-interactions
Preprocessori CSS (Sass basics)
Progetto: Portfolio personale con design system documentato
Modulo 3
4-6 settimane

JavaScript & Interattività

Porta vita alle tue interfacce con JavaScript moderno. Gestisci eventi, manipola il DOM, fetcha dati da API e gestisci lo stato in modo professionale.

JavaScript ES6+: arrow functions, destructuring, modules
DOM manipulation e event handling
Async/await e Fetch API
State management patterns
Error handling e debugging
Progetto: Dashboard interattiva con fetch dati, filtering e UI states
Modulo 4
4-6 settimane

Qualità & Deploy

Porta i tuoi progetti al livello professionale. Performance optimization, testing, git workflow e deployment su piattaforme moderne.

Git workflow e GitHub collaboration
Build tools: Vite, webpack basics
Performance optimization: Lighthouse, Core Web Vitals
Testing basics: unit e integration tests
Deploy su Netlify, Vercel, GitHub Pages
Progetto: Mini e-commerce UI con cart management e deploy completo

Competenze che acquisisci

Hard Skills

  • Scrivere HTML semantico e accessibile
  • Creare layout responsive con Grid e Flexbox
  • Gestire stato e interazioni con JavaScript
  • Fetchare e manipolare dati da API
  • Ottimizzare performance (Lighthouse > 90)
  • Usare Git per version control
  • Deployare progetti su piattaforme moderne
  • Scrivere codice testabile e manutenibile

Soft Skills

  • Leggere e comprendere codice altrui
  • Documentare il proprio lavoro
  • Ricevere e applicare feedback costruttivo
  • Debugging sistematico e problem solving
  • Gestire progetti con autonomia
  • Comunicare decisioni tecniche
  • Lavorare con design systems
  • Continuous learning mindset

Timeline tipo

Settimane 1-6

Modulo 1: Fondamenti

HTML semantico, CSS moderno, responsive design. Costruisci la tua prima landing page professionale.

Settimane 7-12

Modulo 2: Componenti

Design system, architettura CSS, componenti riutilizzabili. Crea il tuo portfolio con stile unico.

Settimane 13-18

Modulo 3: JavaScript

Interattività, fetch API, state management. Sviluppa una dashboard dinamica con dati reali.

Settimane 19-24

Modulo 4: Qualità & Deploy

Performance, testing, git workflow. Deploy del tuo mini e-commerce e finalizzazione portfolio.

Timeline indicativa con 5 ore settimanali. Puoi andare più veloce o più lento in base ai tuoi ritmi.

Pronto a iniziare?

Richiedi un orientamento gratuito. Ti aiutiamo a capire da dove partire e quale percorso è più adatto al tuo livello e ai tuoi obiettivi.

Richiedi orientamento gratuito