Webflow: Développer un Site Web Responsive en No Code

Développer un site web responsive de manière simple et intuitive, optimisé SEO et avec un code HTML & CSS propre.

4.25 (60 reviews)
Udemy
platform
Français
language
Web Development
category
instructor
329
students
5 hours
content
May 2022
last update
$19.99
regular price

What you will learn

Apprendre le No Code

Explorer les fonctionnalités de Webflow dans le détail

Développer un site web de manière simple et intuitive

Responsive : adapter son site web sur ordinateur, tablette et mobile

Construire un CMS personnalisé et intégré à votre site web

Créer simplement son Style Guide pour optimiser son temps

Développer un projet web SEO Friendly avec un code HTML / CSS propre

Bien s’organiser pour gérer son projet web de manière professionnelle

Affûter son œil de développeur

Visualiser son travail en temps réel sur un navigateur

Importer des médias : images, vidéos, icons, fonts...

Mettre en place des connexions avec des applications tierces

Mettre en ligne son site internet sur une URL personnalisée sans complexité technique

Description

Hello,

Bienvenue à toi ! Si tu es ici, c’est sûrement que tu veux apprendre quelque chose, n’est-ce pas ?

Alors installe toi confortablement… laisse moi te présenter ma formation Webflow.

Aujourd’hui, développer un site internet relève parfois d’une prouesse technique et on oubli que ça devrait être davantage un atout marketing. On peut être confronté par exemple, dans certains CMS à des incompatibilités entre les plugins, les thèmes, des bugs qui apparaissent suite à une mise à jour récente, le sentiment d’avoir un code html bancal… et j’en passe. Pas facile de s’y retrouver dans cette jungle.

A travers cette formation, tu vas apprendre à développer un site web responsive sur tous les supports, de manière simple et intuitive, avec un code HTML / CSS propre tout en respectant la logique du développeur.

Mais concrètement, tu vas apprendre quoi à travers cette formation ? Laisse moi t’expliquer :

  • [Organisé tu seras] Tu vas apprendre à travers une méthodologie bien ficelée pour avancer sereinement sur ton projet web

  • [Autonome tu deviendras] Nous passerons en revue toutes les fonctionnalités que Webflow propose pour que tu puisses devenir parfaitement autonome sur cet outil.

  • [Ton œil de développeur tu affûteras] Tu vas t’entrainer à travers un cas pratique réel : nous allons voir comment développer un site web à partir d’un web design existant. Tu vas acquérir les bons reflexes pour que le rendu final reflète fidèlement ton design initial.

  • [Equipé tu seras] Tu auras évidemment accès aux fichiers sources, que ça soit mon web design réalisé sur Figma ou encore mon projet web accessible sur Webflow. Tu auras ainsi toutes les cartes en main pour réussir et avancer dans ton apprentissage, dans de bonnes conditions.

Je m’appelle Rhalid Hidoun, je suis consultant et formateur en marketing digital. Je serais ravi de t’accompagner dans cette aventure et je te dis à tout de suite pour la formation.

Ciao !

Content

Introduction au No Code et à l'outil Webflow

Qu'est ce que le No Code ?
Qu'est ce que Webflow ?
Création de votre compte et explication des offres
Tour d'horizon de l'outil Webflow

Tour d'horizon des fonctionnalités Webflow

Importer les assets de votre web design : images, vidéos, icons, fonts...
Créer votre page Style guide pour optimiser votre temps
Ajouter des éléments à une page : Layout
Ajouter des éléments à une page : Basic
Ajouter des éléments à une page : Media
Ajouter des éléments à une page : Forms
Ajouter des éléments à une page : Components
Ajouter des éléments de Layouts pré développés

Développer un site web responsive à travers un cas pratique

Sources du cas pratique : projet de webdesign Figma et projet web Webflow
Créer votre header et footer
Paramétrer le Responsive
Développement de votre site web en Responsive
Comment bien exploiter les Symbols
Créer un CMS et ajouter du contenu dynamiquement
Explication des paramètres et publication sur une URL personnalisée

Screenshots

Webflow: Développer un Site Web Responsive en No Code - Screenshot_01Webflow: Développer un Site Web Responsive en No Code - Screenshot_02Webflow: Développer un Site Web Responsive en No Code - Screenshot_03Webflow: Développer un Site Web Responsive en No Code - Screenshot_04

Reviews

Arthur
October 14, 2023
Très bonne formation! Très clair et simple à suivre! J'ai mis 4 étoiles car j'aurais aimé qu'on voit les animations des éléments de la page dans le cas pratique.
bouguera
January 25, 2023
Un très bon cours à suivre si vous débutez dans le WebFlow, très bien expliqué et ça permet de prendre en main l’outil. Je vous remercie
Chlodion
December 10, 2022
Très bonne introduction à Webflow, avec une présentation accessible de l'ensemble des fonctionnalités de l'outil et la réalisation d'un projet concret.
Virginie
October 30, 2022
Formation de base assez bien expliquée mais pas assez poussée un peu déçue je souhaitais en savoir davantage sur la partie CMS (notamment peut on changer l'ordre des témoignage sur le cms (voir la partie filtre)
Aminata
August 13, 2022
Parfait pour apprendre les bonnes bases de Webflow. Grâce à ce cours j'ai pu développer un site web que j'avais conçu sur Figma. Les notions sont bien expliquées et le formateur est très compétent dans son domaine. J'ai eu exactement ce que je cherchais en achetant ce cours alors je suis très satisfaite. Merci !
Alexandre
June 30, 2022
Je suis extrêmement satisfait de la formation, la diction est vraiment agréable, le rythme est top. Je fais le même projet et j'avance à mon rythme. En 3 h je me sens plus à l'aise sur webflow. Merci Rhalid
Oualid
June 9, 2022
Une formation très utile et complémentaire avec la formation Figma dispensée par le même formateur. Exemples pratiques mis en avant avec des explications toujours aussi claires. Je recommande ces 2 formations pour vos projets.

Charts

Price

Webflow: Développer un Site Web Responsive en No Code - Price chart

Rating

Webflow: Développer un Site Web Responsive en No Code - Ratings chart

Enrollment distribution

Webflow: Développer un Site Web Responsive en No Code - Distribution chart

Related Topics

4710594
udemy ID
5/30/2022
course created date
6/3/2022
course indexed date
Bot
course submited by