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.01) - Analyse

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°01 : Analyse

Objectifs

Préparez au mieux la phase de développement en repérant dès maintenant les éléments réutilisables, les components à créer et les sections qui se répètent.

Consignes

Pour ce challenge, voici quelques consignes :

  • Dupliquez le projet Figma sur votre Workspace
  • Analysez la maquette
  • Préparez votre ToDo de développement

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

Annexes