Corso di Sviluppo Web 2021 - Stravolgi il tuo modo di disegnare.

Crea pagine web accattivanti ed interattive!

Ti trasmetto le mie conoscenze, il metodo, l'esperienza e la mia più grande passione.

Copertina corso

Attenzione

Questo non è un corso teorico. Andremo a vedere insieme i passaggi fondamentali (e pratici) per la creazione e l’ottimizzazione di un sito web base. In questo modo in pochi mesi potrai camminare con le tue gambe.

Ore Corso

Valutazione da 0-5

Studenti Iscritti

Un Tornado di sole informazioni utili e pratiche che installeranno dentro di te le solide e robuste fondamenta per un apprendimento scalabile e continuo nel campo dello sviluppo web Front End!

Corso Illustrator

Cosa imparerai in questo corso?

  • Costruire pagine web lato Front End ( x disegnatori)
  • Imparare Html, Css, Scss, Jquery, Github, Responsive Design.
  • Imparare la metodologia come un vero PRO.
  • Convertire layout fatti con programmi di grafica.
  • Usare i migliori Framework Front End.

    Perchè imparare lo Sviluppo Web?

    Perchè premiamo pulsanti continuamente e ci viviamo a stretto contatto!
    Spesso li schiacciamo senza sapere ne come sono fatti ne cosa fanno realmente. Saper creare pagine web ti permette di creare progetti che puoi monetizzare senza un'eccessiva spesa a differenza se te lo fai fare. Puoi creare un tuo sito web e vendere qualcosa. Oppure avere un sito web per mostrare i tuoi servizi ed aggiungere il telefono. Qualsiasi sia il motivo è un motivo valido.

    Lascia che ti consegni un'intera cassetta degli attrezzi per diventare uno sviluppatore web Front End.

    387 studenti stanno partecipando a questo corso, entra anche tu!

    + 230 video lezioni della durata di +28 ore accessibile ovunque e per sempre.

    Contenuto del corso

    23 sezioni • 230 lezioni • Durata totale: 28 h 36 min
    • SUPER SCONTO SUL CORSO ILLUSTRATOR
      02:08
    • C: Contrasto
      07:07
    • R:Ripetizione
      05:04
    • Allineamento
      04:09
    • P: Prossimità
      04:20
    • Cos'è il terminale?
      05:24
    • Scaricare i file del corso
      02:11
    • Liste, elenchi puntati e numerati
      03:31
    • Aggiungere immagini
      07:07
    • Tabelle
      03:38
    • Moduli / Form / input
      07:34
    • Collegamenti ipertestuali
      03:36
    • Elementi Block e Inline
      03:50
    • Div generici
      04:39
    • Collaborazione, la chiave per continuare.
      00:09
    • Cosa sono i css? Assegnamo degli stili Interni
      08:47
    • Aggiungere la tipografia e capire la eredità delle proprietà
      06:46
    • Cosa sono le Classi e gli ID
      05:34
    • Ereditarietà degli stili, stili Inline
      04:04
    • Applicare stili esterni
      03:08
    • Semplice struttura di un sito web
      02:44
    • Come funzionano i Margini
      07:29
    • Come funziona il padding?
      04:01
    • Box-sizing
      03:44
    • Posizionare il contenuto con la proprietà Float
      08:22
    • Tipi di posizionamenti absolute, fixed, sticky, relative
      09:26
    • Zindex
      02:21
    • Pseudo classi e prima interazione con il tag <a href=""></a>
      05:36
    • Pseudo Elementi
      06:23
    • Unità di misura in percentuale
      07:11
    • Unità di misura per i font
      10:15
    • Selezionare gli elementi con le classi e concatenamento classi
      06:39
    • Selezionare elementi all'interno di un elemento
      04:39
    • Selezionare un ID con anche la classe
      02:35
    • Altri modi per selezionare un elemento
      01:53
    • Assegnare una immagine di sfondo tramite css
      08:51
    • Tipi di colore
      10:42
    • Creare delle sfumature
      08:07
    • Aggiungere delle ombre
      07:46
    • Effetto sui testi
      07:39
    • Costruire un ToolTips
      09:04
    • Rendere i bordi curvi
      05:55
    • Aggiungere un Video
      08:47
    • Aggiungere un file Audio
      07:57
    • Inserire video da youtube o simili utilizzando un Iframe
      06:32
    • Creazione struttura 2 colonne
      13:39
    • Assegnazione stili al Sidemenu
      08:42
    • Inserire Avatar nel Sidemenu
      08:20
    • Aggiungere stile al titolo del contenuto
      10:19
    • Creare la testata del contenuto
      08:00
    • Modificare la struttura del contenuto
      15:42
    • 7 parte - Inserire icone Font Awesome
      19:00
    • Dividere il contenuto su due colonne
      05:10
    • 9 parte - Posizionamento della sezione
      04:52
    • 10 parte - Aggiungere dettagli + Scroll
      06:13
    • Accenno al Javascript e Responsive
      04:08
    • Introduzione al responsive
      07:40
    • Media Query
      08:16
    • 72-aggiornata - stili responsive
      15:54
    • Stili in responsive
      09:14
    • Pulsante menu in versione responsive
      04:57
    • Introduzione Javascript
      06:34
    • Javascript - Creare una funzione
      03:49
    • Javascript - Funzioni in file esterno / variabili
      08:18
    • Javascript - Inserire libreria Jquery
      11:38
    • Jquery : Menu assegnare pulsante attivo
      11:32
    • Jquery : Scrivere correttamente la funzione
      08:55
    • Jquery : Toggle Menu / Aprire e chiudere il Menu in responsive
      08:00
    • Layout a griglia usando il Float
      15:09
    • Introduzione Flexbox
      11:32
    • Struttura Flex con nuovi tag html5
      06:27
    • Struttura Contenti
      05:03
    • Resettare i Css + aggiungere un banner
      07:05
    • Effetto sovrapposizione + Allineamento navbar
      07:47
    • Dare ossigeno alla pagina + Aggiungere Form contatti
      10:38
    • Assegnare stili al select dentro il Form
      09:02
    • Navigazione Sidebar
      12:00
    • Integrare mappa Google map
      07:18
    • Creare un menu Tab
      18:38
    • Responsive
      02:44
    • Introduzione Tailwind
      06:55
    • Creazione struttura
      06:01
    • Creare l’ Header
      05:25
    • Aggiungere un banner di sfondo
      05:49
    • Modulo contatti
      04:51
    • Colonne centrali e footer
      07:56
    • Responsive design
      12:34
    • Installazione NPM + Unminify
      06:59
    • Installare Tailwind via Terminale
      05:16
    • Atom come muoversi velocemente
      08:05
    • Introduzione Bootstrap
      09:46
    • Installazione Bootstrap 3.4.1
      12:05
    • Aggiungere il Navbar
      11:35
    • Aggiungere Immagini singole
      11:51
    • Aggiungere una galleria di immagini
      15:42
    • Aggiungere una Modale
      12:39
    • Aggiungere un Popover
      08:26
    • Aggiungere un ToolTip
      02:28
    • Aggiungere Tabs
      05:09
    • Effetto Collapse
      08:05
    • Installare MAMP + PHP
      10:54
    • Dividere il codice in più pezzi
      11:10
    • Dividere il css in più file
      08:28
    • Css Carousel
      03:50
    • Css Navbar
      03:25
    • Aggiungere le pagine
      07:53
    • Inserire un Alert
      12:50
    • Collegare la Modale Newsletter
      07:38
    • Creare una Progress Bar
      07:59
    • Creare i contenuti
      13:31
    • Sistemare il Carousel + Riposizionare elementi alla chiusura del Alert
      14:23
    • Ricalcolare il Navbar alla chiusura del Alert
      10:32
    • Carousel con Responsive
      16:14
    • Creare struttura pagina Chi sono
      14:06
    • Aggiungere Tabella alla nuova pagina Calendario Corsi
      12:36
    • Fissare il Footer in Desktop
      04:56
    • Creare la pagina dei Contatti
      12:07
    • Controllo in Responsive + vari Fix
      07:35
    • Variabili css
      05:53
    • Scss to css
      08:44
    • Installazione Sass
      06:49
    • Convertire Scss in Css
      10:21
    • Convertire il Footer Css in Scss
      04:21
    • Convertire il Navbar Css in Scss
      05:23
    • Convertire l' Alert e Carousel Css in Scss
      09:39
    • Importare le librerie Scss di Bootstrap
      08:47
    • Sovrascrivere le variabili di Bootstrap
      08:18
    • Ottimizzare il codice del Navbar
      05:59
    • Dividere in scss il codice
      16:39
    • Usare le variabili per il navbar
      08:17
    • Approfondimento Sass + Nuovo Progetto
      07:00
    • Generare nomi di classi usando @each
      05:21
    • Come creare delle condizioni if else
      02:51
    • Schiarire o Inscurire il colore base con le proprietà adeguate
      05:25
    • Includere un Mixin dentro un'altro
      03:28
    • Caricare i file in un Hosting Gratuito
      07:56
    • Caricare i file tramite FTP
      07:22
    • Hosting Premium + Dominio
      06:59
    • Strumenti per analizzare la + nuovo progetto
      08:04
    • I tag title e description
      05:35
    • Il tag h1 e Immagini
      03:02
    • Immagini e tag appropriato
      03:41
    • Robots.txt
      02:55
    • Tag Canonical
      03:16
    • Creare una Mappa del sito
      02:50
    • Google Analytics
      06:47
    • Dati strutturati
      04:55
    • Facebook Open Graph
      06:27
    • Twitter Card Open Graph
      02:07
    • Conclusione
      02:07
    • Analizzare prestazioni pagina web
      09:33
    • Minificare css
      10:54
    • Minificare js
      06:24
    • Gulp
      05:33
    • Dipendenze Gulp
      03:06
    • Creare Task Css
      06:17
    • Concatenare i css Minificati
      06:06
    • Minificare e Concatenare i JS
      09:50
    • Inserire Immagini nel progetto
      04:37
    • Comprimere le immagini con un Task
      13:30
    • Muovere i Javascript
      03:56
    • htaccess
      07:12
    • Scalare le immagini in base alla grandezza dello schermo
      17:59
    • Analizzare con Inspect element
      02:34
    • Lezione 15
      08:01
    • Installazione dipendenze Gulp
      04:13
    • Creazione dei Task
      09:26
    • Creare un nuovo Progetto + Gulp
      03:51
    • Approfondire Proprietà gradient radial
      06:21
    • Approfondire Proprietà box-shadow
      03:53
    • Ciclo for con Scss
      07:34
    • Aggiungere un effetto di Sfocatura ad ogni fiocco di neve
      12:03
    • Creare la prima transizione css
      11:59
    • Inserire immagini Svg
      07:51
    • Usare un font Custom e non preso da Google Font
      05:31
    • Convertire il font da usare nella pagina web
      05:16
    • Creare una animazione tramite una libreria
      06:41
    • Librerie Css gratuite da usare
      10:34
    • 1. Modal senza Frameworks - Parte 1 - CSS
      10:46
    • 2. Modal senza Frameworks - Parte 2 - JS + animazione IN
      05:26
    • 3. Modal senza Frameworks - Parte 3 - Creare animazione OUT
      05:13
    • 4. Modal senza Frameworks - Parte 4 - JS Funzione CallBack
      09:30
    • Support Browser
      04:02
    • Animazione: Costruire menu navigazione con pulsanti che allungano
      06:44
    • Animazione: Effetto Slide su Immagine
      08:53
    • Animazione: Effetto Zoom su Immagine
      02:41
    • Side menu Apri chiudi con animazione
      07:03
    • Creare Account Github
      06:48
    • Collegare Github con il tuo computer - NEW SSH KEY
      05:44
    • Creare un repositorio
      12:46
    • Creare un Branch
      07:46
    • Prendere tramite PULL il codice su Github
      03:19
    • Il concetto Chiave di Github
      21:26
    • Esempio di un flow esistente
      04:30
    • Installare Wordpress in Locale
      18:10
    • Aggiungere un file per modificare gli stili
      14:27
    • Introduzione
      02:34
    • lez-1
      08:23
    • lez-2
      05:13
    • lez-3
      04:19
    • Lez 4
      05:18
    • lez 5
      08:03
    • lez 6
      06:21
    • lez 7
      06:40
    • lez 8 - in tempo reale
      08:57
    • lez 9
      10:56
    • lez 1
      06:31
    • lez 2
      03:59
    • lez 3
      05:28
    • lez 4
      07:27
    • Il momento dei ringraziamenti
      01:54
    • Prossimo Passo...Animazioni Javascript
      03:38

    Performance in base agli elementi del corso

    Report globale in base alle risposte degli studenti.

    Performance in base agli elementi del corso

    Cosa ne pensa chi già ha acquistato?

    Lo so, servono prove solide, assolutamente credibili, indiscutibili.

    Le mie prove sono gli studenti che hanno dato fiducia a questo corso.

    387 studenti hanno lasciato durante o al termine del corso commenti e recensioni, eccone alcune. Anche tu potrai lasciare un commento o una recensione.

    Alcune testimonianze.

    Sviluppo Front End

    Davide Rossano

    Corso semplicemente fantastico. Ottime spiegazioni, ottima qualità audio e video, lezioni interessanti e argomenti trattati veramente bene. Uno dei migliori corsi che abbia mai seguito. Grazie Alessandro! (Se ci saranno ulteriori lezioni, al 100% le seguirò).

    Sviluppo Front End

    Salvatore Storino

    Il corso è ben strutturato e facile da seguire, poiché getta le basi sulle principali argomentazioni per poter diventare uno sviluppatore web lato Front End. Lo consiglio sicuramente.

    Sviluppo Front End

    Antonio Zingale

    Ottimo Corso, la progressione delle lezioni permette di acquisire i concetti al giusto ritmo e Alessandro riesce, in modo coinvolgente, a rendere ogni lezione semplice da assimilare, nonostante la complessità degli argomenti trattati. Uno dei migliori corsi di sviluppofrontend web in italiano!

    Sviluppo Front End

    Piera C

    Premetto che sono solo all'inizio del corso ma, se il buongiorno si vede dal mattino, allora posso affermare che il corso è fatto davvero bene. Il docente è molto preparato, sa quello che dice (purtroppo non sempre è così) e trasmette le sue conoscenze nel migliore dei modi. Il corso lo consiglio senza alcun dubbio. Al termine del percorso sono sicura che confermerò questa mia prima impressione. Grazie Alessandro per aver condensato i tuoi anni di lavoro/studio in un corso così affascinante.

    Sviluppo Front End

    Denise Marzolla

    Premetto che non ho ancora terminato il corso ma devo fare i miei complimenti ad Alessandro. Ho già studiato le basi di html e javascript a scuola e in un breve stage ma devo dire che non ho mai capito molto il meccanismo dei linguaggi, pensavo quindi di non essere portata per il front end e la programmazione in genere lasciando perdere tutto. Quando ho acquistato questo corso ero molto scettica pensando che se non avevo capito molto con il docente in aula, non avrei combinato nulla di buono con un corso online, ma al contrario sono rimasta sorpresa dal fatto che con le lezioni di questo corso riesco a capire quasi 'al volo' i concetti. Alessandro è molto chiaro nelle spiegazioni e ti fa vedere con esempi reali come e perchè quella cosa funziona (o non funziona) in quel modo, cosa che manca nelle spiegazioni teoriche e scolastiche. Le singole lezioni non sono lunghe e noiose, anzi sono contenute e dirette, il metodo e l'intonazione con cui vengono spiegate riesce a catturare l'attenzione (nonostante la mia stanchezza dovuta alla sveglia all'alba). Quindi non mi resta che consigliare vivamente questo corso non vedo l'ora di terminarlo, spero mi aiuti a costruirmi una nuova carriera!

    Sviluppo Front End

    Sergio Contini

    Ciao Alessandro, ti faccio i complimenti per il corso, ben strutturato. Hai affrontato parecchi argomenti in modo molto professionale. Come per tutti i corsi sta poi ad ognuno approfondire personalmente i vari punti e testari sul campo. La prima parte mi è servita come ripasso generale, l'ultima è stata tosta, il web si è evoluto molto da quando realizzavo i primi siti. i ringrazio e spero farai altri corsi di approfodimento.

    Sviluppo Front End

    Maurizio Giannini

    E' la prima recensione che lascio ma questa davvero mi nasce dal cuore. Tra i vari corsi proposti per il front-end, ho scelto questo per una serie di aspettative che sono stati tutte soddisfatte. Il corso ha un punteggio di stelle, nelle recensioni, che è più alto degli altri e devo dire che è tutto meritato. 1) Innanzitutto il docente è molto chiaro. Poi il taglio delle sue lezioni è fortemente orientato a insegnare ciò che serve. Se consideriamo che le lezioni sono tenute da un professionista, quello che serve, serve davvero! 2) Offre un percorso molto ricco e che spazia su tutto il front-end, mettendo in grado di saper leggere il codice e di saperlo riutilizzare a piacimento. 3) E' un corso serio quindi dovrete studiare. Io sto procedendo lentamente ma almeno imparo quello che conta. Comunque il docente ha un tono di voce che stimola l'attenzione quindi lo studio ci deve essere ma è piacevole. 4) Apprezzo molto che venga aggiornato e che le risposte giungano con dovizia di particolari. Per ora mi fermo qui ma a corso ultimato conto di aggiungere altri contenuti alla mia recensione.

    Sviluppo Front End

    Federico

    Personalmente ritengo questo corso FANTASTICO!!! Alessandro oltre a spiegare in maniera semplice e chiara i concetti, dà tutti gli strumenti per approfondirli. Essere indirizzati su come e dove approfondire i concetti, capire come cercare e come applicare, secondo me non è altro che un valore aggiunto al corso e alla nostra curva di apprendimento. A differenza di altri corsi non mi sono annoiato anzi, sembravo più interessato, lezione dopo lezione. Caro Alessandro Cuoghi se farai delle lezioni mirate sul js e su boostrap 4 sappi che io sarò uno dei tuoi primi studenti.

    Risorse scaricabili.

    Oltre le video lezioni troverai tane risorse gratuite e trucchi.

    Domande Risposte.

    Se non riesci a fare qualcosa, potrai usare quest'area per vedere se altri studenti hanno avuto problemi simili al tuo e scoprire come correggerlo.

    Messaggi privati.

    Hai delle domande ma non vuoi compaiano nella sezione Domande/Risposte? Inviami messaggi privati tramite la chat.

    Accesso a Vita.

    Le lezioni si svolgono online e potrai accedere quando vuoi e per sempre.

    Domande frequenti

    Come Accedo al Corso?
    Subito dopo l'acquisto ti inverò in automatico tutti i dati su come accedere alla piattaforma e iniziare immediatamente il corso.
    Le lezioni sono individuali o di gruppo?
    Le lezioni sono registrate. Ogni studente ha la propria area per accedere al corso e iniziare con i propri tempi. Non sono lezioni individuali con me al tuo fianco, ma è come se lo fossero.
    Quanto costa il corso?
    Il prezzo del corso è di 199.
    Il corso resterà sempre lo stesso?
    Il corso viene aggiornato annualmente con nuove lezioni in base alle richieste che mi vengono fatte dagli studenti.
    Ultimo aggiornamento 4/2021
    Potrò consultare il corso sempre e ovunque?
    Si. Una volta acquistato, avrai accesso alla piattaforma che ospita il corso. Potrai consultare le lezioni (che potrai visionare in formato HD) quando vorrai ed ovunque vorrai. L'unico requisito sarà la presenza di un pc collegato ad internet.
    Posso scaricare le lezioni?
    No. l'acquisto non rende tuo il corso. Ti da semplicemente la possibilità di utilizzarlo a vita.
    Mi serve qualche programma speciale per seguire il corso?
    No, i software che userai sono tutti gratuiti, ti farò vedere dove scaricarli.
    Se non capisco qualcosa come fai a spiegarmela?
    All'interno del corso è presente una sezione per le Domande e Risposte, visualizzabile da ogni studente del corso, in modo che tutti possano condividere eventuali problematiche. Oppure puoi usare la chat per inviarmi messaggi privati e ti risponderò in massimo 48 ore.
    Questo corso è applicabile al mondo lavorativo?
    Totalmente! Oltre trasmetterti tutte le tecniche più micidiali di sviluppo Front End. Quello che è realmente potente di questo corso sono i flussi di lavoro. Da come capire un browser fino a realizzare la tua pagina web caricata su un hosting gratuito. Quindi dalla A alla Z con tutti i passaggi fondamentali.
    Ma quindi al termine sono in grado di creare il mio sito web?
    Si,ovviamente non sarai in grado di fabbricare una Ecommerce, per quello devi sapere anche il Backend. Ma potrai realizzare pagine come questa che vedi o interi siti web statici.
    Quanto tempo devo investire prima di vedere dei risultati?
    Dipende da te! Se passi 1 ora al mese a studiare dubito che potrai lavorare in questo campo. Non esiste un risultato finale "nel senso termino il corso e ho finito". Non c'è una scadenza o un limite se intesa come "sono arrivato", In questo mestiere non c'è una fine, ma un apprendimento continuo e un miglioramento costante unito a a una costante voglia di sapere come si fa!
    Viene rilasciato un certificato al termine del corso?
    Si, verrá rilasciato un certificato di "partecipazione" al termine del corso direttamente dalla piattaforma.
    Quali requisiti devo avere per accedere al corso?

    Avere un computer.

    Sapere navigare in Internet.

    Non sono necessarie conoscenze di progettazione o di scrittura di codice.

    Gli strumenti usati saranno in lingua Inglese, ma non è necessario conoscere l'inglese.

    Non riesco ad effettuare il pagamento

    Se non riesci per qualche misterioso motivo ad acquistare il corso o i metodi di pagamenti non si addicono alle tue esigenze puoi scrivermi tramite email info[chiocciola]corsidigrafica.info oppure usare la chat di Messanger.

    Dopo il pagamento non ho ricevuto i dati per accedere.

    Capita che dopo il pagamento con Paypal, il reindirizzamento alla pagina non vada a buon fine. Ti basterà scrivermi alla email info[chiocciola]corsidigrafica.info e risolviamo con un paio di email. Oppure mi scrivi via messanger.

    Acquista il Corso Oggi Stesso...Ogni lezione ti costa meno di un caffè.
    0.43 cent a lezione.

    +23 Ore | 230 Video Lezioni | Accesso a Vita
    Acquista a soli 99€ invece di 199€. L'offerta può terminare in qualsiasi momento.

    387 studenti stanno partecipando a questo corso, entra anche tu!

    Oppure guarda le video lezioni in omaggio.