45,00 €

150,00 €

Web Designer Master con UX ed esercizi per creare siti web HTML5, CSS3, SASS, Bootstrap, Flexbox, Grid con Responsive Design

Il Corso Online Sviluppo Web FrontEnd: Impara UX con HTML, CSS, SASS e Bootstrap” creato per trattare tutti gli argomenti che ti renderanno un eroe del web design, partendo dalle basi della User Experience, applicabili ad ogni aspetto dello sviluppo lato front end, arrivando a contenuti extra relativi a SASS.

Perché scegliere questo corso?

Resta Concentrato. Impara Davvero!Grazie al Corso Online Sviluppo Web FrontEnd: Impara UX con HTML, CSS, SASS e Bootstrap” imparerai ad utilizzare le Flexbox e le Grid con e senza l'ausilio di strumenti atti a semplificarne l'inserimento, come Bootstrap, famosissima libreria di elementi (Framework CSS), in grado di accompagnarti lungo la strada dei fogli di stile (CSS).La guida prevede due progetti con i quali potrai sviluppare autonomamente un sito personale moderno, graficamente perfetto e responsive, anche senza l'ausilio di differenti impostazioni per tipo di dispositivo (PC, Tablet o Smartphone), oltre a gestire il framework Bootstrap, nelle sue principali funzionalità.Corso adatto a qualsiasi tipo di studente, non richiede alcun tipo di conoscenza informatica, basterà avere un pc per seguire tutte le fasi di questo fantastico percorso.Ogni video del Corso Online Sviluppo Web FrontEnd: Impara UX con HTML, CSS, SASS e Bootstrap” è stato inserito in una sezione specifica, in grado di semplificare l'apprendimento, per darti la possibilità di seguirlo agevolmente secondo il tempo che hai deciso di dedicargli, distribuendo la durata di ogni step nel modo migliore possibile.Troverai diversi esercizi che ti aiuteranno a testare quanto appreso nelle varie fasi della guida: la struttura di ogni gruppo di lezioni è creata per simulare l'esperienza in aula, con la differenza che potrai scegliere tu quando fare una pausa, riuscendo a capire facilmente se ogni punto seguito è stato appreso pienamente.Gli argomenti delle lezioni sono essenziali per apprendere ogni dettaglio dello sviluppo web front end: sarai preparato su tutte le tematiche, pronto per lavorare con gli strumenti che preferisci, sfruttandone a pieno ogni potenzialità.Ogni aggiornamento pubblicato verrà contrassegnato in modo evidente: ti darò la possibilità di scegliere gli argomenti da approfondire.Consulta l'elenco delle sezioni del Corso Online Sviluppo Web FrontEnd: Impara UX con HTML, CSS, SASS e Bootstrap” per avere un'idea dell'accuratezza di questo corso: nulla è lasciato al caso, tutto viene proposto nel modo più semplice e comprensibile, e non dimenticare di seguire la mia pagina personale, dove inserirò gradualmente tutti i miei corsi, per diventare un esperto assoluto in ambito informatico!

Cosa imparerai con questo corso?

Iscriviti al mio corso online "Sviluppo Web FrontEnd: Impara UX con HTML, CSS, SASS e Bootstrap" e avrai accesso alle mie lezioni dove imparerai:

A sviluppare lato Front end, diventa un professionista,

Ti accompagnerò passo dopo passo nel percorso di crescita,

A sbaloridre i tuoi clienti con siti dinamici e moderni,

Bootstrap e SASS, supera ogni tua aspettativa,

A migliorare le tue skill.

Iscrivendoti al corso avrai questi bonus:

Accesso Illimitato

Studia H24 e 7 giorni su 7

Workspace

Classe virtuale esclusiva

Certificato Finale

Inclusivo di N° di licenza

Materiale Didattico

A tua disposizione

Tutor Online

Fai qualsiasi domanda

Esercitazioni

Fai pratica con il corso

Programma del corso:

INTRODUZIONE

Requisiti ed Argomenti del corso
Domande, Recensioni e Aggiornamento del Corso
Internet e Pagine Web

UX E WEB DESIGN

Responsive Design e Design Adattivo
Tipografia: Serif e Sans Serif
Tipografia: Dimensione del testo
Tipografia: Spaziatura e Allineamento
Colori: Relazione e contrasto
Colori: Combinazioni

HTML – I FONDAMENTALI

Introduzione al Linguaggio HTML
Visual Studio Code e gli altri
Configurazione di Visual Studio Code
!DOCTYPE, html e body + Anteprima
Paragrafi, Intestazioni e Line Breaks
Grassetto, Corsivo e Sottolineato
Citazioni
Tabelle
Liste
Immagini
Collegamenti Ipertestuali (Link)
ESERCIZIO #1
SOLUZIONE ESERCIZIO #1

HTML – HEAD ED ELEMENTI SEO

Introduzione al tag Head
Title
Meta Description
Meta Keywords
Meta Robots
Altri tag Meta
Base, Link, Script e Style
ESERCIZIO #2
SOLUZIONE ESERCIZIO #2

HTML – ELEMENTI DEL FORM

Introduzione ai Form
Action e Method
Input
Label
Select
Fieldset e Legend
Textarea
Datalist
Readonly, Disabled, Required e Maxlength

HTML – LO STANDARD HTML5

Introduzione allo standard HTML5
EXTRA: Div
Header
Nav
Section
Article
Footer
Aside
Figure
ESERCIZIO #3
SOLUZIONE ESERCIZIO #3

CSS3 – LO STILE DELLE PAGINE WEB

Introduzione ai fogli di stile (CSS)
Sintassi dei fogli di stile
EXTRA HTML: Span
Struttura di un foglio di stile con selettori di tipo
Selettori di class e id
Selettori di pseudo-classe e pseudo-elemento
Selettori di gerarchia e attributo

CSS3 – GLI ATTRIBUTI DI BASE

CSS in una pagina HTML
Colorazione del testo
Sfondo della pagina
Bordi nella pagina
Margini esterni a un elemento
Margini interni a un elemento
Caratteri del testo
Commenti al foglio di stile
ESERCIZIO #4
SOLUZIONE ESERCIZIO #4

CSS3 – GLI ATTRIBUTI DELLO SPAZIO

Altezza e Larghezza
Proprietà Display
Posizionamento nella pagina
Eccedenza e Indice di profondità

CSS3 – GLI ATTRIBUTI AVANZATI

Colorazione esadecimale e RGB
Proprietà avanzate dello sfondo
Immagini nel bordo
Bordi arrotondati e ombreggiatura
ESERCIZIO #5
SOLUZIONE ESERCIZIO #5
EXTRA HTML: Gestione dei caratteri del testo con Google Font
Gestione avanzata delle proprietà testuali
EXTRA: Animazioni con CSS3
Responsive Design: Media Query
ESERCIZIO #6
SOLUZIONE ESERCIZIO #6

CSS3 FLEXBOX

Introduzione a Flexbox
Proprietà box padre: flex-direction
Proprietà box padre: flex-wrap
Proprietà box padre (e non solo): justify-content
Proprietà box padre: align-items
Proprietà box padre: align-content
Proprietà box figlio: flex-grow e flex-shrink
Proprietà box figlio: flex-basis
Proprietà box figlio: flex
Proprietà box figlio: order
Proprietà box figlio: align-self
ESERCIZIO #7
SOLUZIONE ESERCIZIO #7

CSS3 GRID

Introduzione alle Grid
Container e Item
Rows, Columns e Gap nel Container
Rows e Columns in Item
Template e Grid Area
Justify e Align come in Flexbox
Grid e Responsive Design

BOOTSTRAP 4

Introduzione a Bootstrap
Inserire Bootstrap nel tuo sito
Layout e Breakpoints
Testo e Colori
Bordi e Arrotondamento
Button (Bootstrap + HTML)

PROGETTO ARTIMAGE - BOOTSTRAP 4 + JAVASCRIPT

JavaScript e jQuery
Impostazione del progetto ARTIMAGE
Barra di Navigazione: Brand Logo
Barra di Navigazione: Menu
Galleria di Immagini
Jumbotron
Form e Footer
HTML/CSS per UX

PROGETTO THISISME

Impostazione del progetto THISISME
Sfondo e Google Font
Header e Footer
About
Servizi
Portfolio
Curriculum: Pagina
Curriculum: Foglio di stile
Contatti
Il Secondo Errore

EXTRA - SASS

Introduzione al Syntactically Awesome Stylesheet
Ambiente di lavoro SASS
Compilazione di SASS
Variabili in SASS
Annidamento in SASS
Direttiva @extend
Direttiva @mixin
Media Query SASS
Free Web Hosting

TEST FINALE

Le recensioni del corso:

Rating 5
0 Recensioni
Dettagli
5 stelle 0
4 stelle 0
3 stelle 0
2 stelle 0
1 stella 0