Presentazione

Corso Web Design Online

Sviluppa interfacce utente funzionali | Impara a Progettare e Sviluppare Interfacce Web con Figma e Visual Studio Code


Diventa Web Designer

Progetta e sviluppa siti web, portali e web applications, curando l’aspetto grafico, la semplicità di navigazione e la compatibilità con i vari dispositivi con l’obiettivo di rendere perfetta la User Experience, ovvero la permanenza dell’utente all’interno del sito.


- Accesso alla piattaforma di e-learning 7/7
- Esercitazioni
- Forum con Docente e Colleghi
- Accesso da PC o Mobile
- Specialist HTML e CSS
- Attestato di frequenza
- Incontri one-to-one con il docente


DESCRIZIONE

Il design è una parte fondamentale della progettazione del sito: un vero e proprio biglietto da visita che costituisce il primo punto di contatto con i clienti. Lo sviluppo di siti web deve essere finalizzato a rendere le pagine web veloci, facili da navigare ed accessibili da qualunque device, perciò deve essere perfettamente visibile sia da desktop che da tablet e smartphone per non perdere la conversione dell’utente.

Questo corso è pensato per te che vuoi acquisire competenze per progettare e sviluppare interfacce web efficaci ed accattivanti. In questo corso, imparerai l'uso di framework come Bootstrap per creare interfacce web adattabili a qualsiasi dispositivo e studierai la piattaforma di gestione dei contenuti WordPress per creare e gestire facilmente un sito web.

All’interno della piattaforma MUSA, oltre alle video lezioni e alle esercitazioni, troverai una community attiva composta da docenti esperti e colleghi corsisti pronti a confrontarsi sempre, anche dopo il corso. Un ambiente stimolante per la tua crescita e formazione continua.


OBIETTIVI FORMATIVI

Il corso si focalizza sull'utilizzo di tecniche di progettazione user-centriche, tool per la prototipazione e sull'utilizzo di HTML, CSS e JavaScript per creare interfacce web funzionali per far convertire l’utente verso un obiettivo aziendale. Con questo corso tecnico-pratico imparerai a sviluppare siti web del design moderno e responsive.

Il corso si articola nei seguenti moduli:

- UX: progettazione user-centrica con FigJam;
- UI: realizzazione di interfacce utente efficaci con Figma - HTML/CSS/JS: tutte le fondamenta necessarie per sviluppare un prodotto web oriented;
- Bootstrap: Mobile-first e design responsive con il framework web più utilizzato al mondo;
- WordPress: Introduzione e panoramica

Con il corso di Web Design acquisirai competenze che ti daranno la possibilità di ottenere le certificazioni internazionali ITS, Information Technology Specialist per l'uso dei seguenti linguaggi di programmazione:

- JavaScript
- HTML e CSS

Per entrambe le certificazioni sono presenti simulatori che ti aiuteranno ad esercitarti.


ABBIAMO UNA MARCIA IN PIÙ

- COMMUNITY
Per confrontarti sempre con i nostri esperti
sia durante il corso che dopo.

- INCONTRI ONE-TO-ONE
Per personalizzare il Tuo percorso di crescita sulla
base delle tue esigenze formative e lavorative.

- INSERIMENTO LAVORATIVO
Sarai contattato dalle aziende in continua ricerca
di Talenti a cui presenteremo il tuo CV.


SBOCCHI PROFESSIONALI

Le competenze acquisite e la buona reputazione di Musa Formazione ti consentiranno di promuovere il tuo profilo professionale sia come dipendente che come freelance con ottime prospettive di guadagno in qualità di:

- Web designer freelance,
- Web designer Junior,
- UX/UI designer junior
- Un'ampia scelta in un settore in cui le aziende faticano a trovare figure professionali qualificate. - Infatti, queste figure risultano essere le più ricercate e le meglio retribuite, stando a studi di mercato.


OMAGGIO - COME PRESENTARSI ALLE AZIENDE

In omaggio con il corso riceverai l'accesso ad un percorso di 4 ore in video lezioni utile sia a chi è alla ricerca di un lavoro, che a coloro che ambiscono a trovare nuove aziende clienti.

Durante questo corso imparerai a:

- creare un network di contatti utili su Linkedin
- scrivere correttamente la bio su Linkedin in grado di promuovere la tua figura professionale e far apparire il tuo profilo nelle ricerche di recruiter ed aziende
- analizzare i tuoi punti di forza e debolezza per creare un CV e una presentazione efficace
- sostenere e impressionare i recruiter durante i colloqui di lavoro e le aziende nella presentazione del tuo progetto


SCEGLI COME E QUANDO SEGUIRE IL CORSO

- LEZIONI ONLINE LIVE
Interagisci in diretta live streaming con i tuoi formatori. Le lezioni vengono registrate e caricate in piattaforma dove potrai rivederle in qualsiasi momento, da qualsiasi device.

- LEZIONI ONDEMAND
Se hai la certezza di non poter rispettare il calendario delle lezioni live, puoi scegliere la modalità OnDemand, videolezioni registrate sempre a tua disposizione. Gli incontri One-To-One ti aiuteranno a personalizzare la tua formazione.

- ALL DAY LONG
Hai particolari esigenze di tempo e non vuoi rinunciare alle lezioni online live? Con noi puoi personalizzare il tuo calendario delle lezioni scegliendo giorni e orari in cui seguire il corso.

Attestato

Certificazione: ITS - Information Technology Specialist - JavaScript | ITS - Information Technology

Durata

Lezioni Online Live: 80 ORE. Videolezioni Registrate: 80 ORE

Programma

PROGRAMMA Diventare un Web Designer

UX

- Concetti introduttivi
- Presentazione brief
- Introduzione alla UX
- Miro, FigJam e board collaborative per l’analisi del brief e la realizzazione di una mood board progettuale
- Flowcharting
- Strutturare una mappa di navigazione
- Introduzione a Figma
- Panoramica degli strumenti
- Interfaccia e funzionalità di base
- Frame e proprietà contestuali
- Livelli
- Wireframing
- Creare lo scheletro del sito
- Progettare gli ingombri
- Testare l’idea
- Colori e Typography per il web
- Metodi colore
- Risoluzione
- Web Fonts
- Concetti chiave di accessibilità
- Atomic design
- Teoria dei Componenti e degli Stili
- Regole di consistenza nel design
- Auto Layout
- QUIZ + ESERCITAZIONE LIVE SU COMPONENTI E AUTO LAYOUT IN FIGMA


UI - HTML/CSS E FLEXBOX

- Creare una libreria di Componenti e Stili Varianti
- Strutturare le fondamenta di un Kit UI
- Design della UI
- Applicare elementi e regole di design per la creazione di un’interfaccia utente semplice e intuitiva.
- Animare gli elementi
- Prototipare i Componenti
- Transizioni tra Frame e testing del prodotto
- Esportazione delle risorse
- Inspect Panel
- Handover del progetto per lo sviluppo
- Estendere l’esperienza e velocizzare il flusso lavorativo con Plugin e Widget in FigJam e Figma
- Introduzione a Visual Studio Code
- Installare e configurare una IDE Plugin e impostazioni consigliate
- Introduzione al modulo di sviluppo
- Evoluzione del web dalla sua nascita ad oggi
- Struttura di un sito web


HTML e HTML5 (introduzione)

- Ispezionare i siti Elementi Div
- Head e Body
- Tag di base
- Tag di testo
- Gerarchie di testo e testo paragrafo
- Span
- Introduzione al CSS
- inline css fogli di stile collegati
- ID e Classi
- regole CSS di base
- CSS3
- Testo e colori in CSS
- Colori e Typography (dal design allo sviluppo) border, margin e padding
- Google Fonts e Web Typography avanzata
- Collegare HTML e CSS Creare e posizionare contenitori strutturali
- Display
- Position Relative e Absolute
- Introduzione a Flex e Grids
- Creare un layout con Flexbox funzionalità avanzate e tag specifici per Display: Flex
- QUIZ + ESERCITAZIONE LIVE SU HTML/CSS E FLEXBOX


BOOTSRAP

- Selettori di base e selettori avanzati CSS3
- Animazioni, transizioni e trasformazioni CSS3
- Media Queries e Introduzione al concetto di Responsive web design e Mobile-first
- Introduzione ai framework web - Bootstrap
- Perché usarlo - installare e configurare Bootstrap localmente
- Responsive web design con Bootstrap
- Grid system e documentazione di base
- Componenti e Helpers
- Realizzare un sito web mobile friendly con Bootstrap
- Realizzare un sito web mobile friendly con Bootstrap (Parte 2)
- QUIZ + ESERCITAZIONE LIVE SU BOOTSTRAP


JAVASCRIPT

- Precompilatori SCSS
- Git e Github
- Introduzione al linguaggio di programmazione
- Javascript
- Configurare Visual Studio Code
- Bootstrap e Javascript
- Variabili e Costanti
- Operatori aritmetici, di confronto, logici e terniari
- Terminale e Console
- Data Types
- Array e metodi base
- Oggetti
- Funzioni
- QUIZ + ESERCITAZIONE LIVE SU JAVASCRIPT
- DOM
- Interagire con il DOM
- Eventi
- FTP
- Installare, configurare e gestire un File Transfer
- Protocol
- Acquistare e configurare dominio e hosting web
- Safe Protocols

Docenti

Senior Trainer

- Fabio Staiano
SENIOR DESIGN CONSULTANT | MULTICERTIFICATO ADOBE | DOCENTE APPLE
SENIOR TRAINER CORSO GRAPHIC DESIGN