4.7/5 Trustpilot (1395 avis)
30 Exercices de CSS
Dans ce cours en ligne nous allons créer un site de A à Z dans les règles de l'art, le tout en HTML / CSS et JavaScript pour les animations.
Le site en question sera un portfolio 100% responsive, qui utilisera pas mal de concepts clés en CSS.
À travers ce projet de Portfolio, vous apprendrez à :
- Positionner des éléments avec Flexbox,
- Utiliser les medias queries,
- Utiliser CSS Grid pour faire une grille,
- Animer vos éléments avec TypeWriter, Greensock et ScrollMagic,
- Créer un site de A à Z, tout simplement.
Le code source est disponible avec la formation.
On se donne rendez-vous de l'autre côté !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Création du site (HTML / CSS)
Création du site (HTML / CSS)
Chapitre 3
Animations JavaScript
Animations JavaScript
Table des matières
Chapitre 1 : Introduction
03m02
Leçon 1Introduction
Leçon 2Code source
Chapitre 2 : Création du site (HTML / CSS)
3h17
Leçon 1Création du dossier
Leçon 2Navbar HTML
Leçon 3Navbar partie CSS
Leçon 4Navbar images
Leçon 5Ouverture du menu
Leçon 6Medias queries et animation de la navbar
Leçon 7Partie accueil HTML
Leçon 8Partie accueil CSS
Leçon 9Medias queries accueil
Leçon 10Animation JS accueil
Leçon 11Section présentation HTML
Leçon 12Section présentation CSS
Leçon 13Section présentation Medias queries
Leçon 14Section Portfolio HTML
Leçon 15Section Portfolio CSS
Leçon 16Section portfolio Media queries
Leçon 17Section Range html
Leçon 18Section Range CSS
Leçon 19Section range media queries
Leçon 20Section experience HTML
Leçon 21Section expérience CSS
Leçon 22Section expérience media querie
Leçon 23Section Parallax
Leçon 24Section contact HTML
Leçon 25Section Contact CSS
Leçon 26Animation des inputs
Chapitre 3 : Animations JavaScript
31m20
Leçon 1Animation de la page d'acceuil
Leçon 2Animation Scrollmagic
Leçon 3Animation du Portfolio
Leçon 4Animation de la partie Range et fin
Avis des apprenants