CORSO GRATUITO WEB DESIGN CON IA

Il corso in sintesi

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.

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.

Programma del corso :

 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

 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

 Position

 Background-color

 Le Flex-Box

 Differenze tra Flex-Box e Grid

 Display-Flex

 Flex-Direction

 Justify-Content

 Align-Items

 Flex-Wrap

 Gap

 Flex-Grow

 Flex-Shrink

 Flex

 Order

 Align-self

 Immagini

 Photoshop

 Il tipo di immagini

 Tool-Box-Photoshop

 Il Logo

 Il Banner

 Il Biglietto da visita

 Le Immagini Resize

 Jpeg / Png

 Vettoriale / Raster

 Introduzione all’intelligenza Artificiale

 Query Prompt

 Chat-Gpt / Gemini / Co-Pilot / etc…

 Html-Layout

 Header

 Logo

 Menu

 Content

 Footer

 GDPR

 Account e Privacy

 Form

 I° Verifica

 Il Framework di Bootstrap

 La Navbar

 Ispeziona Elemento - Browser

 Il Carousel

 La griglia di Bootstrap

 Il Footer di Bootstrap

 Schede commutabili

 Il Meta Description

 Le Keywords

 Andiamo on-line!

 JavaScript

 I tipi di dato

 Gli Script

 Metodi output

 Formattazione contenuti

 Operatori di assegnazione

 Operatori Relazionali

 Operatori Logici

 Strutture di controllo

 Operatori di controllo

 I Form Dinamici

• Hosting e Dominio - definizione
• Filezilla Software - Installazione
• Impostazioni di base FileZilla
• Username e Password
• Connessione FTP - Port
• Pubblicazione Sito On-Line