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
Jour 09 - Référencement & Analytics
Jour 09 - Référencement & Analytics
00. Bonus - WEBF-BO-MC
Mentoring
Jour 09 - Référencement & Analytics
00. Bonus - WEBF-BO-MC
Matinale
Jour 10 - Mise en Production
03. Structure - WEBF-BO-MC
Mise en ligne
Jour 10 - Mise en Production
Jour 10 - Mise en Production
03. Structure - WEBF-BO-MC
Mise en ligne
Jour 10 - Mise en Production
03. Structure - WEBF-BO-MC
Mise en ligne
Jour 10 - Mise en Production
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 10 - Mise en Production
00. Bonus - WEBF-BO-MC
Mentoring
Jour 10 - Mise en Production
00. Bonus - WEBF-BO-MC
Matinale
Jour 11 - Animations basiques
04. Animations - WEBF-BO-MC
Bases
Jour 11 - Animations basiques
Jour 11 - Animations basiques
04. Animations - WEBF-BO-MC
Bases
Jour 11 - Animations basiques
04. Animations - WEBF-BO-MC
Bases
Jour 11 - Animations basiques
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 11 - Animations basiques
Jour 11 - Animations basiques
Jour 11 - Animations basiques
00. Bonus - WEBF-BO-MC
Mentoring
Jour 11 - Animations basiques
00. Bonus - WEBF-BO-MC
Matinale
Jour 12 - Animations selon le Temps (TBA)
04. Animations - WEBF-BO-MC
Time Based Animations (TBA)
Jour 12 - Animations selon le Temps (TBA)
04. Animations - WEBF-BO-MC
Time Based Animations (TBA)
Jour 12 - Animations selon le Temps (TBA)
04. Animations - WEBF-BO-MC
Time Based Animations (TBA)
Jour 12 - Animations selon le Temps (TBA)
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 12 - Animations selon le Temps (TBA)
Jour 12 - Animations selon le Temps (TBA)
00. Bonus - WEBF-BO-MC
Mentoring
Jour 12 - Animations selon le Temps (TBA)
00. Bonus - WEBF-BO-MC
Matinale
Jour 13 - Animations selon le Scroll (SBA)
04. Animations - WEBF-BO-MC
Scroll Based Animations (SBA)
Jour 13 - Animations selon le Scroll (SBA)
Jour 13 - Animations selon le Scroll (SBA)
04. Animations - WEBF-BO-MC
Scroll Based Animations (SBA)
Jour 13 - Animations selon le Scroll (SBA)
03. Structure - WEBF-BO-MC
Validation des Acquis
Jour 13 - Animations selon le Scroll (SBA)
04. Animations - WEBF-BO-MC
Validation des Acquis
Jour 13 - Animations selon le Scroll (SBA)
00. Bonus - WEBF-BO-MC
Mentoring
Jour 13 - Animations selon le Scroll (SBA)
00. Bonus - WEBF-BO-MC
Matinale
Jour 14 - Animations selon le Curseur (MBA)
04. Animations - WEBF-BO-MC
Mouse Based Animations (MBA)
Jour 14 - Animations selon le Curseur (MBA)
04. Animations - WEBF-BO-MC
Mouse Based Animations (MBA)
Jour 14 - Animations selon le Curseur (MBA)
04. Animations - WEBF-BO-MC
Mouse Based Animations (MBA)
Jour 14 - Animations selon le Curseur (MBA)
04. Animations - WEBF-BO-MC
Validation des Acquis
Jour 14 - Animations selon le Curseur (MBA)
Jour 14 - Animations selon le Curseur (MBA)
00. Bonus - WEBF-BO-MC
Mentoring
Jour 14 - Animations selon le Curseur (MBA)
00. Bonus - WEBF-BO-MC
Matinale
Jour 15 - Animations complexes
Jour 15 - Animations complexes
04. Animations - WEBF-BO-MC
Scroll Based Animations (SBA)
Jour 15 - Animations complexes
00. Bonus - WEBF-BO-MC
Mentoring
Jour 15 - Animations complexes
Sommaire
Module en cours
Valider le module

Projet - Odyssée (Part.02) - Démarrage

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°02 : Démarrage

Objectifs

Posez les fondations de votre projet en paramétrant le Styleguide du projet. Vous pouvez déjà aller plus loin en transformant certains éléments du Styleguide en Components, comme les boutons par exemple…

Consignes

Pour ce challenge, voici quelques consignes :

  • Si vous êtes au format eLearning, vous pouvez cloner la base via le lien en Annexes
  • Si vous êtes au format BootCamp, vous retrouverez la base Odyssée dans votre dossier du Workspace initWeb Formations
  • Les Variables et Polices d'écritures sont déjà importées, à vous de configurer le reste du styleguide et des éléments de construction.

Afin de réaliser ce projet avec brio, fixons-nous un objectif de temps. Pour démarrer ce projet, je vous donne 2 heures. C'est à vous !

Annexes