Scheda corso Web Design
Obbiettivi corso:
Il corso è progettato per formare nuovi creatori digitali in grado di progettare, sviluppare e personalizzare interfacce web moderne e responsive, partendo da zero.
Attraverso un percorso completo e pratico, imparerai a costruire pagine web con HTML e CSS, a renderle interattive con JavaScript, a strutturarle con Bootstrap, e a potenziare il tuo lavoro con strumenti di Intelligenza Artificiale.
Il corso include esercitazioni guidate, progetti reali e approfondimenti tecnici per padroneggiare i fondamenti dello sviluppo front-end, con un occhio al design, alla funzionalità e all’innovazione.
Programma Corso:
| MODULO 1 |
|---|
| ■ Accoglienza e orientamento al corso |
| ■ Il sistema operativo |
| ■ Front-End e Back-End |
| ■ Il Browser e le estensioni per sviluppatori |
| ■ Come funziona il Web |
| ■ Installazione Editor di Sviluppo Visual Studio Code |
| ■ Estensione Visual Studio Material Theme |
| ■ Estensione Visual Studio Live Server |
| ■ Estensione Visual Studio Auto Tag Rename |
| ■ Intestazione e Paragrafi |
| ■ Elementi semantici |
| ■ I box Model e accenni di fogli di Stile |
| MODULO 3 |
|---|
| ■ Le Flex-Box |
| ■ Differenze tra Flex-Box e Grid |
| ■ Display-Flex |
| ■ Flex-Direction |
| ■ Justify-Content |
| ■ Align-Items |
| ■ Flex-Wrap |
| ■ Grap |
| ■ Flex-Grow |
| ■ Flex-Shrink |
| ■ Flex |
| ■ Order |
| ■ Align-self |
| MODULO 5 |
|---|
| ■ Il Frame di Bootstrap |
| ■ La NavBar |
| ■ Ispeziona elemento del Browser |
| ■ Il Carousel |
| ■ La Griglia di Bootstrap |
| ■ Il Footer di Bootstrap |
| ■ I Bottoni |
| ■ Le schede Commutabili |
| ■ La ProgressBar |
| ■ I Media-Query |
| ■ I° Verifica |
| MODULO 2 |
|---|
| ■ I Selettori Css universali |
| ■ Selettore Tipo |
| ■ Selettore ID |
| ■ Selettore Class |
| ■ I fogli di Stile Embededd |
| ■ I fogli di Stile Esterni |
| ■ Sviluppo Layout Grid |
| ■ Grid-Margin |
| ■ Grid-Padding |
| ■ Grid-Border |
| ■ Le Position |
| ■ Background-color |
| MODULO 4 |
|---|
| ■ Immagini |
| ■ PhotoShop |
| ■ Il tipo di immagini |
| ■ Tool-Box PhotoShop |
| ■ Il Logo |
| ■ Il Banner |
| ■ Il Biglietto da visita |
| ■ Le immagini Resize |
| ■ Jpeg / Png |
| ■ Immagi Vettoriali / Raster |
| ■ Introduzione All' Intelligenza Artificiale |
| ■ Chat-Gpt / Gemini / Copilot / etc.. |
| ■ Query Promp |
| MODULO 6 |
|---|
| ■ JavaScript |
| ■ I Tipi di dato |
| ■ Gli Script |
| ■ Metodi Output |
| ■ Formattazione dei contenuti |
| ■ Operatori di assegnazione |
| ■ Operatori Relazionali |
| ■ Operatori Logici |
| ■ Istruzioni di controllo |
| ■ Operatori di controllo |
| ■ I Form Dinamici |
NB: Per la parte pratica si indicano di seguito:
Modalità: Esempi pratici ed esercitazioni individuali.
Strumenti: Slide esplicative, condivisione dello schermo e siti pertinenti.
Modalità: Esempi pratici ed esercitazioni individuali.
Strumenti: Slide esplicative, condivisione dello schermo e siti pertinenti.
Figura professionale in uscita:
Alla fine del corso, sarai in grado di progettare, sviluppare e gestire siti web professionali, sfruttando al meglio le tue competenze in HTML e ampliandole con CSS, JavaScript e strumenti di sviluppo moderno.
Con queste competenze, potrai intraprendere diverse carriere nel mondo digitale: sviluppatore front-end, web designer, consulente per la presenza online o freelance.Le tue abilità saranno richieste sia da aziende che da clienti privati, in cerca di soluzioni personalizzate e tecnicamente solide.
Alla fine del corso, sarai in grado di progettare, sviluppare e gestire siti web professionali, sfruttando al meglio le tue competenze in HTML e ampliandole con CSS, JavaScript e strumenti di sviluppo moderno.
Con queste competenze, potrai intraprendere diverse carriere nel mondo digitale: sviluppatore front-end, web designer, consulente per la presenza online o freelance.Le tue abilità saranno richieste sia da aziende che da clienti privati, in cerca di soluzioni personalizzate e tecnicamente solide.