Pour une meilleure expérience, découvrez l'Académie sur Ordinateur.
Nous peaufinons l'Académie pour la rendre pleinement responsive et vous offrir la meilleure expérience de formation possible.
Programme
01. Introduction - WEBF-BO-MC
Présentation
Jour 01 - Démarrer avec l'écosystème
00. Bonus - WEBF-BO-MC
Matinale
Jour 01 - Démarrer avec l'écosystème
01. Introduction - WEBF-BO-MC
Accès Rapide
Jour 01 - Démarrer avec l'écosystème
01. Introduction - WEBF-BO-MC
Logiciels
Jour 01 - Démarrer avec l'écosystème
01. Introduction - WEBF-BO-MC
Logiciels
Jour 01 - Démarrer avec l'écosystème
01. Introduction - WEBF-BO-MC
Logiciels
Jour 01 - Démarrer avec l'écosystème
02. Fondamentaux - WEBF-BO-MC
Interface de Webflow
Jour 01 - Démarrer avec l'écosystème
02. Fondamentaux - WEBF-BO-MC
Interface de Webflow
Jour 01 - Démarrer avec l'écosystème
02. Fondamentaux - WEBF-BO-MC
Interface de Webflow
Jour 01 - Démarrer avec l'écosystème
02. Fondamentaux - WEBF-BO-MC
Interface de Webflow
Jour 01 - Démarrer avec l'écosystème
02. Fondamentaux - WEBF-BO-MC
Interface de Webflow
Jour 01 - Démarrer avec l'écosystème
01. Introduction - WEBF-BO-MC
Logiciels
Jour 01 - Démarrer avec l'écosystème
Jour 01 - Démarrer avec l'écosystème
01. Introduction - WEBF-BO-MC
Validation des Acquis
Jour 01 - Démarrer avec l'écosystème
Jour 01 - Démarrer avec l'écosystème
Jour 01 - Démarrer avec l'écosystème
00. Bonus - WEBF-BO-MC
Mentoring
Jour 01 - Démarrer avec l'écosystème
00. Bonus - WEBF-BO-MC
Matinale
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Bases
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Bases
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Bases
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Unités
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Unités
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Unités
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Propriétés CSS
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Propriétés CSS
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Propriétés CSS
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Propriétés CSS
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Propriétés CSS
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Propriétés CSS
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Propriétés CSS
Jour 02 - Notions clés du Web
02. Fondamentaux - WEBF-BO-MC
Validation des Acquis
Jour 02 - Notions clés du Web
Jour 02 - Notions clés du Web
00. Bonus - WEBF-BO-MC
Mentoring
Jour 02 - Notions clés du Web
00. Bonus - WEBF-BO-MC
Matinale
Jour 03 - Méthodologie & Réflexes
02. Fondamentaux - WEBF-BO-MC
Méthodologie · Niv.1
Jour 03 - Méthodologie & Réflexes
02. Fondamentaux - WEBF-BO-MC
Méthodologie · Niv.1
Jour 03 - Méthodologie & Réflexes
02. Fondamentaux - WEBF-BO-MC
Méthodologie · Niv.1
Jour 03 - Méthodologie & Réflexes
02. Fondamentaux - WEBF-BO-MC
Méthodologie · Niv.1
Jour 03 - Méthodologie & Réflexes
02. Fondamentaux - WEBF-BO-MC
Méthodologie · Niv.1
Jour 03 - Méthodologie & Réflexes
02. Fondamentaux - WEBF-BO-MC
Méthodologie · Niv.1
Jour 03 - Méthodologie & Réflexes
02. Fondamentaux - WEBF-BO-MC
Validation des Acquis
Jour 03 - Méthodologie & Réflexes
02. Fondamentaux - WEBF-BO-MC
Validation des Acquis
Jour 03 - Méthodologie & Réflexes
Jour 03 - Méthodologie & Réflexes
00. Bonus - WEBF-BO-MC
Mentoring
Jour 03 - Méthodologie & Réflexes
00. Bonus - WEBF-BO-MC
Matinale
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 04 - Éléments de conception
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 04 - Éléments de conception
Jour 04 - Éléments de conception
00. Bonus - WEBF-BO-MC
Mentoring
Jour 04 - Éléments de conception
00. Bonus - WEBF-BO-MC
Matinale
Jour 05 - Framework Client-First
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 05 - Framework Client-First
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 05 - Framework Client-First
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 05 - Framework Client-First
03. Structure - WEBF-BO-MC
Éléments de Conception
Jour 05 - Framework Client-First
02. Fondamentaux - WEBF-BO-MC
Framework Client-First
Jour 05 - Framework Client-First
Structure
Validation des Acquis
Jour 05 - Framework Client-First
Structure
Validation des Acquis
Jour 05 - Framework Client-First
Structure
Validation des Acquis
Jour 05 - Framework Client-First
Jour 05 - Framework Client-First
00. Bonus - WEBF-BO-MC
Mentoring
Jour 05 - Framework Client-First
00. Bonus - WEBF-BO-MC
Matinale
Jour 06 - Components & Slots
03. Structure - WEBF-BO-MC
Components
Jour 06 - Components & Slots
Jour 06 - Components & Slots
03. Structure - WEBF-BO-MC
Components
Jour 06 - Components & Slots
03. Structure - WEBF-BO-MC
Components
Jour 06 - Components & Slots
03. Structure - WEBF-BO-MC
Components
Jour 06 - Components & Slots
03. Structure - WEBF-BO-MC
Components
Jour 06 - Components & Slots
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 06 - Components & Slots
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 06 - Components & Slots
Jour 06 - Components & Slots
00. Bonus - WEBF-BO-MC
Mentoring
Jour 06 - Components & Slots
00. Bonus - WEBF-BO-MC
Matinale
Jour 07 - CMS - Approche Back-end
03. Structure - WEBF-BO-MC
CMS & Contenu Dynamique
Jour 07 - CMS - Approche Back-end
03. Structure - WEBF-BO-MC
CMS & Contenu Dynamique
Jour 07 - CMS - Approche Back-end
03. Structure - WEBF-BO-MC
CMS & Contenu Dynamique
Jour 07 - CMS - Approche Back-end
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 07 - CMS - Approche Back-end
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 07 - CMS - Approche Back-end
Jour 07 - CMS - Approche Back-end
00. Bonus - WEBF-BO-MC
Mentoring
Jour 07 - CMS - Approche Back-end
00. Bonus - WEBF-BO-MC
Matinale
Jour 08 - CMS - Approche Front-end
03. Structure - WEBF-BO-MC
CMS & Contenu Dynamique
Jour 08 - CMS - Approche Front-end
03. Structure - WEBF-BO-MC
CMS & Contenu Dynamique
Jour 08 - CMS - Approche Front-end
Jour 08 - CMS - Approche Front-end
00. Bonus - WEBF-BO-MC
Mentoring
Jour 08 - CMS - Approche Front-end
00. Bonus - WEBF-BO-MC
Matinale
Jour 09 - Référencement & Analytics
03. Structure - WEBF-BO-MC
Référencement SEO · Niveau 1
Jour 09 - Référencement & Analytics
03. Structure - WEBF-BO-MC
Référencement SEO · Niveau 1
Jour 09 - Référencement & Analytics
03. Structure - WEBF-BO-MC
Référencement SEO · Niveau 2
Jour 09 - Référencement & Analytics
Jour 09 - Référencement & Analytics
Jour 09 - Référencement & Analytics
Jour 09 - Référencement & Analytics
Sommaire
Module en cours
Valider le module

Projet - Odyssée (Part.09) - Animations basiques

Progression
… modules
…%

Détails

Projet : Odyssée

Le projet Odyssée est le parfait exemple d'un projet avec CMS. Ici, vous allez créer un blog à la manière d'un carnet de voyage. Pour y arriver, il sera nécessaire de créer un CMS complet incluant des articles de blog, des catégories et des destinations.

Ce projet est accompagné de ressources disponibles en annexes et est composé de treize challenges :

  1. Analyse
  2. Démarrage
  3. CMS
  4. Page "Blog"
  5. Template "Articles"
  6. Page "Contact"
  7. Page "À Propos"
  8. Optimisation SEO
  9. Animations basiques
  10. Animations TBA
  11. Animations SBA
  12. Finsweet CMS Filters
  13. Finsweet CMS Load

Nous allons avancer progressivement au fil des challenges afin de réaliser l'un de vos premiers projets multi-pages.

Challenge n°09 : Animations basiques

Objectifs

Commencez à donner vie à votre projet en ajoutant quelques animations liés à des changements d'états, notamment sur vos liens et boutons. Faites apparaître vos premiers éléments au scroll avec les animations pré-configurées.

Afin de réaliser ce projet avec brio, fixons-nous un objectif de temps. Pour animer vos premiers éléments, je vous donne 45 minutes. C'est à vous !

Annexes