Diventare Web Designer da zero. Il corso completo
4.6 (18 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
121 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Diventare Web Designer da zero. Il corso completo to your Wishlist.

Add to Wishlist

Diventare Web Designer da zero. Il corso completo

Impara e metti in pratica tutte le tecniche e le strategie per sviluppare siti dal design moderno e responsivo
4.6 (18 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
121 students enrolled
Created by Simona Tocci
Last updated 8/2017
Italian
Curiosity Sale
Current price: $10 Original price: $100 Discount: 90% off
30-Day Money-Back Guarantee
Includes:
  • 29.5 hours on-demand video
  • 15 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Gestire completamente il processo di sviluppo di un sito web fino alla pubblicazione
  • Conoscere HTML e CSS e saper utilizzarli con professionalità e creatività
  • Impostare un moderno progetto web responsivo
  • Conoscere e utilizzare gli strumenti tecnici grafici di una pagina web
  • Conoscere le basi di jQuery e implementare i progetti web con elementi di animazione
  • Conoscere ed utilizzare un framework responsivo
  • Gestire uno spazio hosting, utilizzare un FTP e pubblicare un sito on line
View Curriculum
Requirements
  • Il corso non richiede alcun prerequisito se non tanta voglia di mettersi in gioco e imparare
Description

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 Corso 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/a per iniziare? 

Who is the target audience?
  • Il neofita assoluto che vuole avvicinarsi al mondo dello sviluppo front end
  • Chi ha già una conoscenza almeno di base di HTML e CSS e vuole approfondire o fare un percorso più sistematico nel campo del web design
  • Chiunque sia curioso di questo mondo
Students Who Viewed This Course Also Viewed
Curriculum For This Course
154 Lectures
29:31:06
+
Lezioni di introduzione
3 Lectures 13:40
+
Strumenti essenziali per il Web Design
8 Lectures 01:27:06
Editor di codice
15:16

Strumenti di Chrome per sviluppatori
08:27

Strumenti on line per gestione della grafica
13:04

Strumenti per ottimizzazione delle immagini
08:23


Strumenti per la generazione di favicon
10:39

Strumenti per la creazione di mockup
12:27

Reference per i linguaggi del web
04:48
+
I principi del Web Design
9 Lectures 01:35:18
Anatomia di una pagina web: gli elementi del Web Design
10:54


Anatomia di una pagina web: i criteri del Web Design
09:40

Tipografia nel Web Design
05:36

Utilizzo di Google Fonts
08:36

Utilizzo di FontAwesome
05:46

La scienza dei colori
14:39

Creare una palette colori
11:34

Introduzione agli stili grafici
12:00

Quiz I principi del web design
3 questions
+
La grammatica del Web Design: HTML e CSS
22 Lectures 04:28:58
Introduzione all' HTML e CSS
07:07


Come si struttura una pagina web
08:37

La sintassi di base
10:30

Gli elementi di formattazione
10:45

Le liste
09:00

I link
17:15

Le tabelle
10:17

Inseriamo un video in una pagina HTML
11:29


Integriamo i Google Fonts
10:26

La gestione dei colori
07:27

Le classi
15:05

Formattiamo una tabella
09:39

L'attributo unico id
06:19

Formattiamo le liste
11:53

I tag section e div: differenze e utilizzo
08:21

L'organizzazione logica di una pagina web
13:04


Disposizione degli elementi - 2
13:58

Integriamo i FontAwesome
21:10

Formattiamo un menu dropdown
21:20

Quiz La grammatica del web: HTML e CSS di base
4 questions
+
La grammatica del Web Design: approfondiamo HTML e CSS
16 Lectures 03:35:19
Utilizzare margin e padding
18:12

La proprietà position - 1
10:34

La proprietà position - 2
11:44

Gestione dei form
21:05


Le animazioni con CSS3
08:10

Le transizioni con CSS3
09:44

Creiamo dei bottoni per le nostre pagine
14:22

Creiamo un menu con i bottoni
09:06

La gestione delle immagini: galleria di foto
18:29

Galleria di foto con caption: formattazione
06:13

Le immagini di cover
09:01

I gradienti con CSS3
09:01

Highlights: le pseudo-classi - prima parte
22:14

Highlights: le pseudo-classi - seconda parte
17:25

Highlight: gli pseudo-elementi
16:30

Quiz HTML e CSS: approfondimenti
3 questions
+
Mini progetto: sviluppo di una landing page con HTML e CSS
6 Lectures 01:07:33
Impostazione del progetto
14:50

Impostazione del form
04:26


Formattazione degli stili: menu e background - 2
14:57

Uno sticky footer
09:59

Formattazione del form e ultimi ritocchi del progetto
18:19
+
Introduzione alla grafica SVG con HTML5
7 Lectures 01:15:27
Introduzione a SVG
03:31

Disegno di linee con SVG
11:40


Lo strumento polyline
07:26

Disegno di un testo con SVG
09:27

Effetti di blur e gradiente con SVG
13:44

Disegno di un logo con SVG
16:44

Quiz SVG con HTML5
3 questions
+
Tecniche di Responsive Web Design
9 Lectures 01:42:02
Introduzione al Responsive Web Design
06:59

Lo strumento di analisi di reattività di Chrome
04:21

Il metatag viewport
04:27

Misure relative in percentuale
08:48

Misure relative: em e rem
13:22


Il grid system responsivo
19:00

Breakpoint e media queries - 1
11:22

Breakpoint e media queries - 2
16:12

Quiz Tecniche di Responsive Web Design
4 questions
+
Flexbox e CSS Grid Layout
14 Lectures 02:54:57
Le regole di base degli elementi flessibili parent
06:48

Allineamento dei flexbox
10:18

Disposizione dei flexbox
05:49

Le regole di base degli elementi flessibili children
11:58


Layout responsivo con flexbox - 1
13:43

Layout responsivo con i flexbox - 3
11:12

Layout responsivo con i flexbox - 3
19:24

Layout responsivo con flexbox - 4
18:37


CSS Grid Layout: gli elementi innestati
15:05

CSS Grid Layout: posizionamento dei blocchi singoli
16:51


CSS Grid Layout: galleria masonry style - seconda parte
14:42

Quiz Flexbox
3 questions
+
Introduzione a jQuery
13 Lectures 02:00:55
Introduzione a jQuery
06:22

La preparazione dell'ambiente
05:04

Cambiare gli stili
07:16

La gestione delle classi
12:24

La gestione dei contenuti
15:22

Gli eventi del mouse
12:24

Introduzione alle animazioni
06:29


Animazioni con sliding
03:32

Animazioni personalizzate
14:12

Plugin jQuery: regola font e slide panel
13:32

Plugin jQuery: photo zoom e popup scorrevole
11:22


Quiz jQuery
3 questions
6 More Sections
About the Instructor
Simona Tocci
4.6 Average rating
51 Reviews
265 Students
3 Courses
Web Designer and Developer

Sono una web designer con la passione dell'insegnamento. Amo il mondo dello sviluppo web che non considero solo dal lato tecnico ma di cui apprezzo la grande possibilità di espressione creativa. Ho lavorato per molti anni come formatrice di insegnanti nei corsi di multimedialità applicata alla didattica. Negli ultimi anni ho invece collaborato con l'Università di Firenze nella creazione di siti web per eventi e corsi e nello sviluppo di piattaforma per la formazione a distanza. Sono competente in HTML, CSS e JS/JQuery, PHP con MySQL e curo la grafica dei miei progetti con Photoshop e Illustrator. Negli ultimi anni sto lavorando con passione alla programmazione back end in PHP per trasformare i miei progetti statici in siti dinamici, in particolare sviluppando template per Word Press. Amo compilare e scrivere codice e vedere come le stringhe scritte nel mio editor  prendono vita per la creazione di progetti di siti, layout ed applicazioni. Per quanto abbia tanti anni di esperienza come docente, amo anche stare continuamente dall'altra parte e imparare ogni giorno cose nuove.