Développer des applications web avec Webflow

‍

Objectifs pédagogiques :

• Maîtriser l’outil Webflow et ses différentes interfaces
• Créer un site statique et un site dynamique entièrement responsive
• Gérer le référencement SEO
• Utiliser des librairies partenaires
• Gérer la configuration et le déploiement

‍

Programme détaillé

1. Introduction au No Code et à l’outil Webflow

• Qu’est-ce que Webflow
• Webflow vs les concurrents
• Création compte et tour des offres
• Découverte des workspaces

Objectif opérationnel : Découvrir l’outil Webflow

Moyen d'évaluation : QCM

‍

2. Prise en main

• Découverte interface Designer
• Création d’une page test
• Découverte des onglets Style, Element Settings, Style Manager et Interactions
• Intégration d’éléments sur la page test (Structure, Basic, Typography, Media, Forms, Advanced, Other)
• Découverte des Layouts et librairies
• Création premières classes

Objectif opérationnel : Maîtriser les concepts de base de l’outil Webflow

Moyen d'évaluation : QCM

‍

3. Mon premier site statique

‍

• Création d’une page Style Guide
• Définition des styles par défaut (All Headers, etc…)
• Création header et footer
• Gestion des différents Display des éléments (Flex, Grid, etc…)
• Déclinaison responsive des différents breakpoint
• Création d’un formulaire de contact
• Publication du site

Objectif :  Mettre en place un premier site avec l’outil

Moyen d'évaluation : QCM

‍

4. Dynamiser mon site

• Découverte CMS Collections
• Création de collections et ajout de données
• Intégration CMS dans une page statique 
• Intégration d’une CMS Collection page avec les différentes variables
• Découverte du fonctionnement des Composants
• Création de composants avec gestion des états
• Compression et gestion des assets
• Découverte et installation de la librairie Finsweet Attributes (CMS Filter, CMS Load, CMS Nest, etc…)
• Installation extensions Chrome Finsweet et découverte de l’onglet et ses fonctionnalités dans l’interface Designer

Objectif opérationnel : Approfondir l’utilisation du CMS

Moyen d'évaluation : QCM

‍

5. Configurer mon site et aller plus loin

‍

• Configuration SEO des pages
• Découverte du fonctionnement de l’interface Éditeur
• Découverte des différents onglets Site Settings (General, Forms, Libraries, etc…)
• Configuration DNS
• Redirections 301
• Réglages formulaires
• Fonts et Backups
• Intégrations Analytics 
• Intégration de développement sur-mesure

Objectif opérationnel : Déployer son site webflow

Moyen d'évaluation : QCM

‍

QCM d’évaluation final

• QCM d’évaluation des connaissances

Objectifs : valider les acquis sur chacun des modules

‍

- 70 % pratique

- 30 % théorie

- Centre de Nantes / Classe à Distance / Dans vos locaux