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

‍

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

‍

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

‍

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

‍

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

‍

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