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.03) - CMS

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 quatorze challenges :

  1. Analyse
  2. Démarrage
  3. CMS
  4. Page "Blog"
  5. Template "Articles"
  6. Page "Contact"
  7. Optimisation SEO
  8. Intégration tracking
  9. Page "À Propos"
  10. Animations basiques
  11. Animations TBA
  12. Animations SBA
  13. Finsweet CMS Filters
  14. 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°04 : Le CMS

Objectifs

Analysez la maquette pour identifier le contenu dynamique et le contenu statique. Imaginez vos collections et les informations renseignées dans vos collections. Constuisez ensuite vos Collections dans Webflow et importez le contenu depuis les fichiers CSV.

Consignes

Pour ce challenge, voici quelques consignes :

  • Sur une feuille à côté, listez les éléments que vous repérez comme dynamique.
  • Regroupez-les en Collection et réfléchissez au type de contenu (texte, nombre, référence, etc...)
  • Imaginez les liens entre ces Collections
  • Construisez vos Collections dans Webflow.
  • Vérifiez la bonne conception en regardant la page "AIDE CMS -> Niveau 2" du fichier Figma. Corrigez vos Collections si ça ne correspond pas.
  • Importez le contenu depuis les fichiers CSV disponibles en Annexes.

Afin de réaliser ce projet avec brio, fixons-nous un objectif de temps. Pour concevoir le CMS, je vous donne 1 heure. C'est à vous !

Annexes