Bienvenue dans cette formation en ligne et en vidéo où vous allez apprendre à animer plusieurs menus en JavaScript et CSS.
L'animation dans le domaine du développement web est une compétence clé du dev front-end, qui vous permet de retenir l'attention de vos visiteurs, les faire passer plus de temps sur votre site et vous démarquez.
Au programme de ce tuto Animation de plusieurs menus
Dans cette formation nous allons utiliser des outils qui nous permettront d'arriver à nos but en terme d'animation, tels que :
- Du javascript natif,
- Du javascript ES6,
- CSS Grid,
- Animation & Transition CSS,
- FlexBox,
- Greensock,
- Charming Js ,
- Les pseudo-éléments et bien d'autre choses encore !
Un QCM en fin de cours permettra de valider les compétences.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Alors, que ce soit pour améliorer tes compétences en animation ou pour te démarquer, n'hésite pas à suivre cette formation.
Table des matières de cette formation JavaScript, CSS (durée : 2h40m)
-
Introduction
- Introduction gratuit 00:02:52
- Code source et Éditeur 00:01:33
-
Projet 1 : Menu Scindé
- Mise en place gratuit 00:03:17
- Partie HTML gratuit 00:03:47
- CSS Partie 1 gratuit 00:06:48
- CSS Animation Scindée 00:09:07
- Fin CSS, pseudo element 00:03:47
- Partie JavaScript 1 00:08:12
- Partie JavaScript 2 00:00:53
-
Projet 2 : Menu Languette
- Mise en place gratuit 00:03:20
- HTML 00:04:26
- Partie CSS 00:10:10
- Toggle Menu Languette Javascript 00:03:01
- Partie JavaScript pour les photos 00:07:28
-
Projet 3 : Grille Animée
- Mise en place 00:02:59
- Partie HTML 00:02:47
- Partie 1 CSS 00:07:04
- Creation de la grille 00:08:03
- Partie 3 CSS 00:04:07
- Partie JavaScript 00:09:18
-
Projet 4 : Menu explosion lettres
- Mise en place gratuit 00:03:41
- Partie HTML 00:04:19
- Partie CSS 1 00:06:02
- Partie CSS 2 00:10:57
- Charming js et menu Rideau 00:09:16
- Animation menu hamburger 00:06:04
- Lettre explosion partie 1 00:10:37
- Lettre explosion partie 2 00:04:42
- Fin projet 4 00:02:16
- Fichiers sourcestélécharger
- Certificat
Formateur : Enzo Ustariz
-
Très bon tuto. Projets intéressants, explications claires et réponses rapides au questions. Merci Enzo
-
Avec quelles versions de logiciels ce tuto est-il compatible ?JavaScript , CSS
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissé