L’unico corso che parte dai fondamentali dello sviluppo web e arriva a farti padroneggiare le migliori tecniche per realizzare i siti del futuro.
Apprendi le tecniche utilizzate dai siti Top mondiali premiati con Awwards.
Stai per accedere al corso più avanzato e completo in italia sullo sviluppo Web. Tutto in un unico Corso (Html, Css, Js, Animazioni, Transizioni, WordPress) con un percorso ben delineato dalle basi ai concetti più avanzati.
Cosa imparerai
Imparerai a creare Siti Web App Accattivanti con Animazioni, Microinterazioni, Transizioni e funzionalità dinamiche. Vedremo:
- Come creare animazioni Css in strutture Html accattivanti
- Come utilizzare i milgiori scripts js per realizzare animazioni allo scroll e al cambio pagina
- Come realizzare una Web App con Animazioni in WordPress con funzionalità dinamiche come, la ricerca in ajax, template modulari creando blocchi custom in Gutenberg e Dark Mode
Una cosa alla volta dalle basi ai concetti piu complessi
Fino al Next Level
Partiremo studiando le basi super importanti di Html e Css, passeremo ad Animazioni e Transizioni custom ed arriveremo a sfruttare Javascript per sviluppare interazioni accattivanti.
Infine monteremo tutto su WordPress aggiungendo funzionalità dinamiche.
Imparerai il mio esatto metodo (affinato più di dieci anni di test) per sviluppare progetti Web efficentemente.
Imparerai a scrivere il codice padroneggiandolo e sapendolo modificare in base alle tue esigenze, ogni linea di codice verrà spiegata nel dettaglio.
Il Metodo
Il corso è diviso in tre Moduli.
Modulo 1
Realizzazione Framework
(11 Video – 5 Ore )
- 1.0 Tecniche per diventare maghi dei CSS (27min)
- 1.1 Grid System (19min)
- 1.2 Tipografia e Helpers (15min)
- 1.3 Javascript e Jquery (39min)
- 1.4 Principi base per animazioni Wow (11min)
- 1.5 Locomotive Scroll installazione e funzionamento (12min)
- 1.6 Libreria di Animazioni con Locomotive Scroll: Fade, Slide, Reveal, Custom Animation (29min)
- 1.7 Ottimizzazioni Struttura (45min)
- 1.8 Transizioni di pagina con Swup (43min)
- 1.9.1 Microinteraction per una esperienza unica (35min)
- 1.9.2 Microinteraction e animazioni sul menu (30min)
Modulo 2
Realizzazione Template Web App
(5 video – 3,5 ore)
- 2.0 Template Minimal Intro e Cover (44min)
- 2.1 Stiky Elements, Affix e Custom Animations (31min)
- 2.2 Panels e Colors Animations allo scroll (31min)
- 2.3 Mix Blend e Horizontal Scroll Animations (23min)
- 2.4 News e Velocità della Animations con riutilizzo Blocchi (29min)
- 2.5 Rifiniture Animazioni sulle icone e Dark Mode. (46min)
Modulo 3
Montaggio Web App su Tema WordPress
(6 video – 3,1 ore)
- 3.0 Intro tema WordPress Header e Footer (38min)
- 3.1 Home, Index e Single Template (22min)
- 3.2 Blocchi Custom in Gutemberg, Hero, Affix e Panel (32min)
- 3.3 Blocchi custom in Gutemberg, Info News e Cta (16min)
- 3.4 Rifiniture Animazioni e Delay (15min)
- 3.5 Search System in Ajax (15min)
- 3.6 Ritocchi Finali Parallax, Transitions e Microinteraction (50min)
Ricreazione Sito Web Agency Top Level e nuovo Tema
In questi 2 Video (per un totale di 2 ore di lezione) ricreiamo il sito di una famosa agenzia, utilizzando il nuovo Tema-Framework ProStarterWP, realizzando una struttura con Side Menu Mobile accattivante.
- 4.0 Intro al Tema e Setup Struttura (58min)
- 1.1 Realizzazione Blocchi Custom e realizzazione Sito Web con Menu Side Mobile (59min)
New! – Modulo Awards, aggiungiamo animazioni e funzionalità che mi hanno fatto vincere un Awards!
In questo nuovo modulo vediamo come aggiungere uno slider al nostro sito e rifinire tempi ed effetti nelle animazioni.
Queste tecniche messe in pratica in uno dei miei ultimi lavori (etereo) sono state premiate con un premio su Css Design Awards uno dei siti più importanti del settore.
- Slider responsive flessibile e leggero
- Ottimizzazione delle animazioni, e degli script
- Animazione sul menu con gradiente
- Griglia Masonry per gli articoli
- Sistema per Cookie Banner
Moduli Aggiuntivi in arrivo
Il Corso è un progetto Work in Progress.
In futuro arriveranno altri moduli aggiuntivi con nuove strutture, tecniche e template, per siti Wow.
Il Framework che realizzeremo nel corso
Pro Starter
Nel primo modulo realizzeremo il Framework per creare siti Wow. Il Pro Starter, Leggero, Flessibile, Efficiente.
Grazie a questo Framework impareremo come animare qualsisi elemento all’interno della pagina sia allo Scroll, che al Loading, che al cambio pagina.
Il framework sarà flessibile, super leggero e ci permetterà di avere già una lista di animazioni pronte a portata di click.
Il Template / Tema che realizzeremo
Level Pro
Basandoci sul Framework Prostarter realizzeremo un template Html e Css con Animazioni avanzate come Text Reveal, Parallax, Cambi Colore allo Scroll e Microintreazioni.
Una volta realizzato il template lo trasformeremo in un tema WordPress aggiungendo le potenzialità immense di WP al template.
Attiveremo funzionalità dinamiche come il Cerca in Ajax e i Blocchi custom in Gutenebrg.
Cosa c’è nel Corso
Le lezioni e i materiali del corso comprendono:
- + di 25 Lezioni da 30 min di media (più di 15 ore di formazione)
- 1 Framework Html / Css
- 1 Template HTML
- 2 Temi WordPress
- 1 Tema-Framework WordPress
- 1 Design del Template
Le lezioni saranno sempre disponibili nel tuo account sulla piattaforma marchettidesignshop.com
Tool Inclusi
Snippets V3 e Atom Plugin
Nel corso includerò la mia collezione di snippets, messa insieme con un lavoro certosino in anni di sviluppo.
Tramite questa collezione avremo un sistema di auto-compeltamento del codice pronto a farci rispamiare tempo.
Nel corso vedremo nel dettaglio come utilizzare la collezione per scrivere codice super efficentemente.
Bonus Inclusi
All’interno del corso potrai trovare una serie di bonus gratuiti.
2 Template Animati Completi
- Riceverai SWUP UX un template animato competo che ho realizzato facendo ricerca e sviluppo per il corso, potrai utilizzarlo come base e riferimento per i tuoi progetti
- Riceverai Minimalux altro template realizzato facedendo test e ricerca per il corso.
Entrambi hanno transizione e animazioni accattivanti affinate nei dettagli, da studiare e analizzare.
Gruppo di lavoro avanzato e Certificato
- Ho creato un gruppo di lavoro privato che sarà accessibile solo agli studenti che acquistano il corso. Potrai partecipare ponendo le domande più tecniche inerenti ai contenuti del corso.
- Al termine del corso potrai postare sul gruppo di lavoro il risultato del lavoro svolto e riceverai il certificato di partecipazione ufficiale .
Testimonianze
Alcuni dei feedback sui corsi Marchetti Design
L’area membri del corso
L’area membri del corso è stata sviluppata (in WordPress) per essere semplice e funzionale.
Potrai studiare i Video dove e come vuoi. Sarà sufficente una connessione a internet. I video logicamente sono ottimizzati anche per mobile.
Ho realizzato l’area membri utilizzando WordPress e customizzando WooCommerce con i principi che insegno nel corso, è un bel esempio di customizzazione di WordPress.
Garanzia Next Level
Garanzia 30 giorni soddisfatti o rimborsati, se non ritieni il corso valido o all’altezza delle tue aspettative avrai subito il rimborso senza nessuna domanda o questione.
Acquista
Next Level Web Dev
497€
Acquista Next Level Web Dev e scegli di investire
nella tua formazione e crescita Web.
Chi Sono
Andrea Marchetti – WordPress Specialist
Sviluppo utilizzando WordPress dall’alba dei tempi (2008) in dieci anni ho sviluppato più di 200 progetti WordPress per Aziende, Privati e Agenzie.
Nel 2014 ho realizzato Fullby il mio primo tema Free per WordPress, il tema ha totalizzato più di 100.000 download della versione Free e 2000 vendite della versione Premium.
Negli anni successivi ho sviluppato vari Temi WordPress due di questi sono stati approvati sulla repository ufficiale di WordPress.org
Sul Blog MarchettiDesign e il relativo canale YouTube ho pubblicato centinaia video su WordPress e il Web Design.
Collaboro con StartUp e Aziende del mondo Digital come esperto WordPress e sviluppatore a Milano, Londra e Berlino.
I miei lavori sono stati citati su:
WordCamp Milano 2019 – WordCamp Verona 2018 – WordPress MeetUp Pavia 2019 – Wp Days Bologna 2013