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

Progression
… modules
…%

Détails

Projet : Archie

Le projet Archie est proche d'un projet client réel.
Vous avez créé un site fictif listant des projets, avec une page contact. Ce site est celui d'un cabinet d'architecture spécialisé en Tiny-House. A chaque nouvelle tiny-house installé, le client souhaite pouvoir créer facilement une page Projet qui liste des détails liés au projet. Il aimerait également pouvoir ajouter facilement les nouveaux avis qu'il reçoit sur son site sans avoir à toucher à la structure du site.

Comme pour les projets précédents, prenez le temps d'analyser la maquette, de pleinement comprendre la structure et commencez à développer.

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

Etape désormais essentielle, l'analyse de la maquette va vous permettre de gagner du temps par la suite. Repérez la structure, les éléments réutilisables et les différentes sections.

Consignes

  • Vous découvrirez dans votre dossier sur le Workspace "initWeb Formations", un projet prêt à être utilisé. Il contient Client-First, les polices d'écritures et les variables essentielles.

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

Annexes