Objectifs de la formation
Au terme de la formation, les stagiaires doivent être en mesure : - d'analyser les maquettes créées par une équipe Design pour préparer la phase de Développement - de développer de A à Z un site web vitrine sur-mesure selon une maquette - de donner vie à leurs sites web avec des animations et des intégrations externes
Contenu de la formation
Chapitre 1 - Introduction à Webflow Présentation brève et complète de Webflow et de son intégration dans l'éco-système NoCode. Que peut-on faire avec Webflow ? Quelles sont les limites ? Quels sont les avantages et inconvénients par rapport à la concurrence ? Présentation des cas d'usages de Webflow Conseils et Réflexes à prendre pour démarrer sur Webflow Point sur les tarifs de Webflow Chapitre 2 - Fondamentaux Découverte & Maîtrise des concepts fondamentaux du Web pour mettre des processus de développement dès le démarrage d'un projet. Base Web & HTML Base CSS Maîtriser l'interface Maîtriser les Settings Structure - Unités Structure - Display Structure - Display Flex Structure - Display Grid Maîtriser la structure Maîtriser le style Maîtriser le responsive Exercice - Youtube Chapitre 3 - Structure Ce Chapitre Structure permet d'aller plus loin avec les éléments de Webflow. C'est l'occasion d'utiliser davantage les composants de Webflow, les Symboles, le CMS, et de mettre un premier pied dans les animations. Layout & Basic Typo, Image & Vidéo Formulaires CMS & Contenu Dynamique Les Symboles SEO : Optimiser le référencement naturel Animation d'état et transition Créer une animation au scroll simple Mettre en ligne un site Webflow avec un nom de domaine Analytics & Search Console (Part.1) Exercice - Portfolio Simple Chapitre 4 - Animations C'est ici que notre site prend vie. Il s'anime et change au clic, survol, scroll. C'est le moment d'aller plus loin et de différencier notre site des autres. Animation d'état et transition Créer une animation au scroll simple Créer une animation au scroll ou au clic avancée Chapitre 5 - Intégrations Webflow ne fait qu'un avec tous les outils NoCode qui l'entoure. Automatiser la publication sur le Site ? Zapier. Mettre en place du filtrage en temps réel ? Finsweet Attributes. Connecter une base de données externe à Webflow ? Airtable & NoBull... Automatisation - Fonctionnement de base Intégration Zapier (depuis & vers Webflow) Exercice - Animation du Portfolio Simple Chapitre 6 - Conclusion Il est temps pour toi de valider cette formation et d'accéder à tous les modules de la formation Webflow initWeb. Comme tu l'as compris, cette micro-formation est le coeur d'une formation bien plus large. En validant à 100% cette micro-formation, tu rejoins automatiquement et gratuitement la formation Webflow initWeb QCM de fin de formation Conclusion
Résultats de la formation
Attestation de suivi de présence
Conditions spécifiques d'accès à la formation
Il n y a pas de pre-requis de diplome ou de qualification technique particulier. En revanche, les stagiaires doivent maitriser des competences numeriques de base, notamment : Saisie au clavier. Navigation sur Internet. Maitrise basique de services et plateformes grand public sur le web (creation de compte, publication de contenus - post, offre, message, etc. -, reinitialisation de mot de passe, etc.). Publication de contenus sur une plateforme.