Impara e metti in pratica tutte le tecniche per sviluppare siti dal design moderno e responsivo

Ciao, sono Simona Tocci, web developper freelance con la passione dell’insegnamento. Ho voluto creare questo percorso di Master per il neofita assoluto e guidarlo pian piano verso l’acquisizione di competenze professionali per poter svolgere l’attività di web designer. Non è richiesto alcun requisito, nè alcuna conoscenza pregressa. Solo passione per questo fantastico mondo.

Perchè scegliere questo corso?


Un percorso completo! Un percorso professionale! Un percorso pratico! Da zero a professionista del web come front end developer per lo sviluppo di siti statici. Per iniziare a lavorare come web designer da subito con competenza, seguendo le giuste fasi di sviluppo di un progetto web fino alla sua pubblicazione. In questo master conoscerai ed utilizzerai: HTML e CSS, in maniera graduale e via via più approfondita e imparerai ad applicarne le regole in progetti pratici, reali e facilmente riproducibili; I criteri su cui si basa il web design moderno, attento alla chiarezza comunicativa e alla riflessione continua su una buona esperienza dell’utente; Le tecniche per il disegno responsivo delle interfacce web; Bootstrap, il più noto e utilizzato framework per il responsive web design; Le basi di jQuery, per l’animazione degli elementi tue pagine; Gli strumenti reperibili in rete per costruire la “cassetta degli attrezzi” del web designer; La gestione accurata e ottimizzata dei media più comuni per i tuoi progetti: immagini, audio, video; Un metodo di lavoro sicuro, professionale e altamente competente per raggiungere facilmente i tuoi obiettivi e produrre fantastici progetti web. Fedele alla metodologia del “learning by doing”, il Corso è altamente pratico con l’invito continuo a utilizzare il codice dei progetti proposti non solo per l’esercizio personale, ma anche e soprattutto per la creazione di cose nuove in cui mettere in gioco competenza e creatività. Il Corso è concepito e realizzato in prima istanza per i neofiti, per gli appassionati privi di qualsivoglia conoscenza nel campo oppure per chi ha una conoscenza superficiale e necessita di un percorso sistematico e graduale in cui l’approfondimento delle tecniche proposte segue un ritmo costante nel corso delle diverse sezioni. Le sezioni del Corso seguono un percorso logico e non sono del tutto autonome le une dalle altre, in linea di massima si consiglia, quindi, di seguirle dalla prima all’ultima per trarne il maggior profitto e beneficio. Non è richiesto alcun requisito, solo tanta passione, tanta voglia di lavorare, tanto desiderio di ricerca personale per diventare autonomi e produttivi in un lavoro altamente qualificato e gratificante. Gli unici strumenti necessari per il Corso sono un computer connesso ad internet perché si è scelto di utilizzare solo risorse, strumenti e software reperibili gratuitamente in rete, così da permettere a chiunque di cimentarsi da subito con le tecniche presentate. Allora, sei pronto o pronta per iniziare?

Cosa imparerai con questo corso?


Iscriviti al mio corso online “Master con Diploma in Web Graphic Design Specialist” e avrai accesso alle mie lezioni dove imparerai:

Gestire completamente il processo di sviluppo di un sito web fino alla pubblicazione;

Conoscere HTML e CSS, jQuery e saper utilizzare altre librerie di integrazione di un progetto web;

Impostare un moderno progetto web responsivo e utilizzare il framework Bootstrap;

Conoscere e utilizzare gli strumenti tecnici grafici di una pagina web;

Gestire uno spazio hosting, utilizzare un FTP e pubblicare un sito on line.

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 tuo corso

Programma del Corso

INTRODUZIONE
Presentazione del Master con Diploma in Web Graphic Design Specialist 00:02:37
Cosa è il Web Design 00:06:24
Strumenti e competenze del Web Designer FREE 00:03:23
Consigli per seguire il corso e codice HTML di esempio 00:05:25
STRUMENTI ESSENZIALI PER IL WEB DESIGN
Editor di codice 00:15:16
Strumenti di Chrome per sviluppatori 00:08:27
Strumenti online per la gestione della grafica FREE 00:13:04
Strumenti per ottimizzazione delle immagini 00:08:23
Risorse online per media liberi da copyright 00:14:02
Strumenti per la generazione di favicon 00:10:39
Strumenti per la creazione di mockup 00:12:27
Reference per i linguaggi del web 00:04:48
I PRINCIPI DEL WEB DESIGN
Anatomia di una pagina web: gli elementi del Web Design 00:10:54
Anatomia di una pagina web: i principi del Web Design 00:16:33
Anatomia di una pagina web: i criteri del Web Design FREE 00:09:40
Tipografia nel Web Design 00:05:36
Utilizzo di Google Fonts 00:08:36
Utilizzo di FontAwesome 00:05:46
La scienza dei colori 00:14:39
Creare una palette colori FREE 00:11:34
Introduzione agli stili grafici 00:12:00
LA GRAMMATICA DEL WEB DESIGN
Codici del corso di Web Graphic Design 00:02:00
Introduzione all’ HTML e CSS 00:07:07
Struttura di base dell’HTML 00:14:30
Come si struttura una pagina web FREE 00:08:37
La sintassi di base 00:10:31
Gli elementi di formattazione 00:10:45
Le liste 00:09:00
I link 00:17:15
Le tabelle 00:10:17
Inseriamo un video in una pagina HTML 00:11:29
Utilizzare i fogli di stile FREE 00:15:49
Integriamo i Google Fonts 00:10:26
La gestione dei colori 00:07:27
Formattiamo una tabella 00:09:39
Le classi 00:15:05
L’attributo unico id FREE 00:06:19
Formattiamo le liste 00:11:53
I tag section e div: differenze e utilizzo 00:08:21
L’organizzazione logica di una pagina web 00:13:04
La disposizione degli elementi – 1 00:14:58
La disposizione degli elementi – 2 00:13:58
Integriamo i FontAwesome 00:21:10
Formattiamo un menu dropdown 00:21:20
LA GRAMMATICA DEL WEB DESIGN: APPROFONDIAMO HTML E CSS
Utilizzare margin e padding 00:18:12
La proprietà position – 1 00:10:34
La proprietà position – 2 00:11:44
Gestione dei form 00:21:05
Impaginazione a colonne multiple FREE 00:13:29
Le animazioni con CSS3 00:08:10
Le transizioni con CSS3 00:09:44
Creiamo dei bottoni 00:14:22
Creiamo un menu con i bottoni 00:09:06
La gestione delle immagini: galleria di foto FREE 00:18:29
Galleria di foto con caption: formattazione 00:06:13
Le immagini di cover 00:09:01
I gradienti con CSS3 00:09:01
Highlights: le pseudo-classi -1 00:22:14
Highlights: le pseudo-classi -2 00:17:25
Highlights: gli pseudo-elementi 00:16:30
MINI PROGETTO: SVILUPPO DI UNA LANDING PAGE CON HTML E CSS
Impostazioni del progetto 00:14:50
Impostazione del form 00:04:26
Formattazione degli stili: menu e background 1 FREE 00:05:02
Formattazione degli stili: menu e background 2 00:14:57
Uno sticky footer 00:09:59
Formattazione del form e ultimi ritocchi 00:18:19
INTRODUZIONE ALLA GRAFICA SVG CON HTML5
Introduzione a SVG 00:03:31
Disegno di linee con SVG 00:11:40
Disegno di forme con SVG 00:12:55
Lo strumento polyline 00:07:26
Disegno di un testo con SVG FREE 00:09:27
Effetti di blur e gradiente con SVG 00:13:44
Disegno di un logo con SVG 00:16:44
TECNICHE DI RESPONSIVE WEB DESIGN
Introduzione al RWD 00:06:59
Lo strumento di reattività di Chrome FREE 00:04:21
Il metatag viewport 00:04:27
Misure relative in percentuale 00:08:48
Misure relative: em e rem 00:13:22
Applichiamo misure relative al nostro layout 00:17:31
Il grid system responsivo 00:19:00
Breakpoint e media queries – 1 00:11:22
Breakpoint e media queries – 2 00:16:12
FLEXBOX E CSS GRID LAYOUT
Le regole di base degli elementi flessibili parent FREE 00:06:48
Allineamento dei flexbox 00:10:18
Disposizione dei flexbox 00:05:49
Le regole di base degli elementi flessibili children 00:11:58
Grandezze degli elementi flessibili 00:06:59
Layout responsivo con flexbox -1 00:13:43
Layout responsivo con flexbox -2 00:11:12
Layout responsivo con flexbox -3 00:19:25
Layout responsivo con flexbox -4 00:18:37
CSS Grid Layout: impostazioni di base 00:10:38
CSS Grid Layout: gli elementi innestati 00:15:05
CSS Grid Layout: posizionamento dei blocchi singoli 00:16:51
CSS Grid Layout: galleria masonry style -1 00:12:53
CSS Grid Layout: galleria masonry style -2 00:14:42
INTRODUZIONE A JQUERY PER WEB DESIGNER
Introduzione a jQuery 00:06:22
La preparazione dell’ambiente 00:05:04
Cambiare gli stili FREE 00:07:16
La gestione delle classi 00:12:24
La gestione dei contenuti 00:15:22
Gli eventi del mousee 00:12:24
Introduzione alle animazioni 00:06:29
Animazioni con fading 00:05:44
Animazioni con sliding FREE 00:03:32
Animazioni personalizzate 00:14:12
Plugin jQuery: regola font e slide panel 13:32:00
Plugin jQuery: photo zoom e popup scorrevole 00:11:22
Plugin jQuery: slideshow con impostazioni base 00:07:12
WEB DESIGN RESPONSIVO CON BOOTSTRAP
Introduzione a Bootstrap 08:56:00
Integrare Bootstrap nei nostri progetti 00:15:10
Download customizzato di Bootstrap 00:06:57
Il grid system di Bootstrap 00:13:44
Barra di navigazione 00:15:15
Sovrascivere le classi di Bootstrap -1 00:14:56
Sovrascivere le classi di Bootstrap -2 00:07:07
Il componente jumbotron FREE 00:13:03
Le immagini 00:05:48
Menu fisso con personalizzazione FREE 00:13:37
Impaginare le immagini 00:10:33
Il componente thumbnail 00:13:13
Il componente modal 00:08:22
Il componente tab 00:14:11
Elementi collassabili: bottoni e accordion 00:19:19
Uso degli snippet di Bootstrap 00:09:42
LAVORIAMO CON BOOTSTRAP: GALLERIA FOTO E VIDEO
Impostazione del progetto 00:19:54
Impostazione della galleria video 00:11:58
Impostazione della galleria di foto 00:10:42
LAVORIAMO CON BOOTSTRAP: REALIZZAZIONE DI UN TEMPLATE ONE PAGE
Impostazione del nostro layout 00:17:50
Impostazione dello scrollspy 00:09:49
Struttura del layout 00:14:14
Impostazione del carousel FREE 00:13:04
Lavoriamo con i CSS -1 00:12:58
Lavoriamo con i CSS -2 00:06:00
Customizzazione del carousel 00:15:08
Customizzazione del footer 00:03:43
Customizzazione della barra di navigazione 00:10:43
Valutazione dei media queries e dei breakpoints 00:07:50
Inseriamo un audio nel nostro progetto 00:10:49
Gestione della traccia audio con jQuery 00:13:01
Ottimizzazione meta tag description e keywords 00:04:19
Inseriamo una favicon e un back to top 00:13:21
Ottimizzazione del file CSS: strumenti di compressione 00:05:52
LAVORIAMO CON BOOTSTRAP: PORTFOLIO, GOOGLE MAPS E FORM CONTATTO
Impostazione del progetto di portfolio 00:22:16
Utilizzo degli pseudo-elementi 00:13:40
Customizzazione del portfolio 00:11:20
Impostazione del modal per il portfolio FREE 00:15:32
Sezione contatti 00:10:18
Inseriamo una mappa di Google 00:18:36
Inseriamo il form nei contatti 00:15:05
Lezione bonus: codice PHP per il form contatti 00:10:40
CONOSCIAMO BOOTSTRAP 4 E LE SUE NUOVE SPECIFICHE
Panoramioca di Bootstrap 4 -1 00:18:39
Panoramioca di Bootstrap 4 -2 00:18:10
Iniziamo un progetto BS con Animate.css 00:21:58
Iniziamo un progetto BS: le material icons 00:14:51
Progettiamo un template con Bootstrap 4: esercizio pratico 1 00:23:52
Progettiamo un template con Bootstrap 4: esercizio pratico 2 00:17:10
Progettiamo un template con Bootstrap 4: esercizio pratico 3 00:12:47
Progettiamo un template con Bootstrap 4: uso creativo dei gradienti 00:08:09
Progettiamo un template con Bootstrap 4: animate.css con wow.js 00:17:13
PUBBLICAZIONE DI UN SITO WEB
Il servizio di hosting 00:08:25
Utilizzo di un FTP e upload dei file per la pubblicazione 00:06:40
Invio di mail del form contatti 00:06:07
LEZIONI CONCLUSIVE E RIEPILOGO
Riepilogo: le fasi di sviluppo di un progetto web 00:14:07
Consigli per proseguire con la formazione 00:05:38
TEST FINALE
Master con Diploma in Web Graphic Design Specialist 00:10:00

Recensioni del Corso

5

2 ratings
  • 5 stars2
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0
  1. Un buon corso per entrare nel mondo del web design.

  2. Bel corso. " Davvero "

    ” Ciao ”

Foto del Profilo
Simona Tocciweb designer e developer free lance

Salve,

sono Simona, mi occupo di web design e sviluppo web. Associo all’attività di free lance, l’attività di formazione e insegnamento in cui ho un’esperienza decennale. Da pochi anni ho deciso di svolgere la mia attività in libera professione dopo una lunga esperienza di collaborazione con l’Università di Firenze dove mi occupavo della gestione di siti web per eventi accademici e in particolare dello sviluppo e gestione di piattaforme LMS.

Da convinta sostenitrice della formazione continua, soprattutto in un campo ad alta evoluzione quale quello del design e  dello sviluppo web, sono sempre alla ricerca e alla sperimentazione di nuove tecniche e nuove vie. Amo trasmettere conoscenza e competenza e soprattutto esperienza.

Ho competenza in sviluppo front end: HTML,CSS,JavaScript/jQuery e in sviluppo backend: PHP con Laravel e altri framework basati su JS.

Lavoro molto con i CMS e dall’iniziale passione per Joomla, attualmente sono passata alla scoperta di WordPress di cui amo creare temi personalizzati da zero.

Altro campo di competenza è lo sviluppo di app ibride per dispositivi mobili con Apache/Cordova o Ionic.

Gestisco e aggiorno regolarmente un canale Youtube dove pubblico corsi e tutorial gratuiti.

Show More
  • 499,00  99,00 
  • ACCESSO A VITA
  • Attestato Incluso
  • Corso Accreditato
91 STUDENTI ISCRITTI

Life Learning S.r.l. - P.le G. Dalle Bande Nere 9, Milano. REA MI 2053237, P.Iva 08852200966 | © 2019, Tutti i diritti riservati
Dati SocietariTermini e CondizioniPolicy PrivacyCookie Policy