Corso Animazione Web

  • Durata 10h
  • Ultimo aggiornamento 2 Aprile 2021

Descrizione

Prima di procedere:
Per poter frequentare questo corso è necessario conoscere le basi di : html,css,jquery.

Se ancora non hai visto l’introduzione del corso, parti da qui.

Se stai iniziando a sviluppare pagine web ti consiglio vivamente di frequentare prima il corso di sviluppo web lato front end un corso per farti scalare verso la vetta nel modo più veloce, sintetico e potente che tu abbia mai visto. Anche chi ha frequentato un corso in aula ha avuto maggiori vantaggi e benefici seguendo questo corso direttamente da casa propria.

Cosa fai in questo corso:
Il metodo di insegnamento è identico a quello degli altri corsi che trovi in questa piattaforma.
Costruendo dal principio il progetto “ovvero da zero”, potrai assaporare tutte le fasi che vengono sviscerate e semplificate per farti attraversare il terreno delle animazioni web senza farti venire crampi al cervello.
Scriverai solo codice, non verrà usato nessun software di grafica o animazione.

Apprenderai il metodo che utilizzo io personalmente.
Utilizzerai le librerie javascript ad alta efficenza che devi assolutamente conoscere.
Imparerai facendo in tempo reale!
Materializzerai tutti i componenti  seguendo i passaggi step by step che vedi nei video, assimilerai sempre più  concetti e individuerai i punti critici delle varie fasi  creando qualcosa di concreto e sopratutto senza annoiarti.

Cosa non impari in questo corso:

In questo corso non apprenderai javascript nel suo intero, questo non è possibile con un corso  e nemmeno con 1 mese di tempo, per apprendere bene le cose serve l’esperienza e lavorare sul campo.
Avrai una infarinata generale per poter iniziare ad animare con i giusti strumenti.
In questo corso apprenderai come utilizzare una parte delle librerie Javascript che ti suggerisco, starà a te approfondire esattamente come è stato fatto negli altri corsi.

Che cosa imparerò?

  • Apprendere un metodo per creare animazioni web
  • Scoprire ed implementare librerie standard per le animazioni

Argomenti per questo corso

53 Lezioni10h

Introduzione

Intro13:48

Preparazione Progetto

Creazione della struttura html base

Inserire il logo SVG

Aggiungere le Icone

Icona Musica + Pulsanti Larghezze Scarpe

Stili Pulsanti Viste

Stili su alcuni Elementi

Reset Stili + Font

Siti di Riferimento + Libreria per Animazioni

Prima Animazione

Aggiungere classi

Animare div Left

Animare Logo

Animare Nome Scarpa

Animare Misure

Animare Icona Social + Musica

Animare Viste Menu + Pulsante Acquista Ora

Interazione Pulsanti Social

Interazione Pulsanti Misure

Interazione Pulsanti Viste

Rotazione Pulsanti Viste

Mostrare Nomi viste

Animare Misura Scarpa – Hover

Animare Sfondo + Nome Scarpa – Hover

Animare Pulsante Acquista Ora

Animare Contenitore Scarpa

Animare Testo Scarpa

Cambio Colore Sfondo vista Color – Hover

Scontornare Senza Photoshop + Scegliere Colori

Cambio Colore Progetto

Fix Stili + Font

Vantaggi Club

Audio

Interazione Pulsante Audio

Libreria Js effetto Scarpa

Integrare Nuova Libreria Effetto Scarpa

Importare Immagini + Effetto Su Scarpa

Cambio Immagini in Base alla Vista

Controllo Immagine In / Out

Creare Pallino Mouse

Stili + Animazione Mouse

Lezione 42

Stili Preload + Funzioni

Nascondere Elementi Progetto + Animazione Scarpa

Stili Contenitore + Barra Preload

Animazione Preload

Animazione Base Barra Preload – Metodo 1

Animazione Base Barra Preload – Metodo 2

Differenti Preload

Animazione Base Barra Preload – Metodo 3

JS: convertire div Html in JS

JS: Convertire menu misure in JS

149,00

Materiale incluso

  • Immagini.
  • Musica.

Requisiti

  • Conoscere le basi di Html / Css / Jquery

Destinatari

  • Sviluppatore web che vuole aumentare le sue Skill nel campo delle animazioni.