Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Webflow Essentials: Hands-On Guide to Building Websites
Highest Rated
Rating: 4.6 out of 5(13 ratings)
369 students

Webflow Essentials: Hands-On Guide to Building Websites

Webflow Essentials: A Hands-On Guide to Building Beautiful Websites
Created byPeter Johnson
Last updated 3/2023
English

What you'll learn

  • Hands-on learning by build a portfolio website.
  • Detailed overview of Webflow's designer interface.
  • Create responsive websites using Webflow where the website automatically adapts to different screen sizes.
  • Learn about Flex, columns, divs etc.. and how to efficiently use them.
  • Learn about Classes, Re-usable components, Pages and more
  • Create stunning animations for Page load, Scroll, Sections and more
  • Create custom navigations in Webflow.
  • Learn to convert a Figma file to website using Webflow.
  • Discussion on the best practices for building websites
  • Learn about Tips & Tricks which can make the workflow faster and efficient.

Course content

1 section12 lectures1h 18m total length
  • Introduction1:31
  • Getting started with Webflow3:09

    Create a new webflow account, explore starting from scratch with a blank site, and learn the basics of the designer interface, layout, and canvas manipulation to build a portfolio.

  • Designer Interface Overview6:05
  • Building the Hero Section19:25
  • Grid Layout6:05
  • Project Section8:26
  • Blogs Section7:50
  • Creating a new page8:04
  • Animation5:07
  • Making the website responsive6:14
  • Publishing the Website6:24
  • Conclusion0:30

    Concludes Webflow Essentials by inviting feedback in the review section. Peter Johnson signs off with thanks and a commitment to improve based on viewer suggestions.

Requirements

  • A Webflow account is required, I'll show you how to make one within the course.
  • There no prior knowledge of Webflow required as we discuss everything from the base.
  • No previous design skills or experience required.

Description

Welcome to the "Webflow Essentials: A Hands-On Guide to Building Beautiful Websites" course.

Webflow is a powerful and intuitive website builder that allows you to create stunning websites with ease. And now, you can learn it all in this class!

In this comprehensive guide, you'll discover the basics of Webflow and how to use it to build your own websites. I'll will take you step by step through the process, covering everything from designing your website to publishing it live.

You'll start by learning how to navigate the Webflow interface and how to add and customize elements to your pages. Then, you'll dive into more advanced techniques like using dynamic data, custom interactions, and advanced styling options.

And the best part? You'll practice what you learn as you work on a hands-on project by building a Portfolio website throughout the course. This will give you real-world experience and the confidence to create your own stunning websites with Webflow.

Ready to bring your website dreams to life? Our Webflow Beginners Course is the perfect place to start! With hands-on learning and expert instruction, you'll go from a complete novice to a Webflow pro in no time. Whether you're a complete beginner or just looking to expand your skills, this course is perfect for you. Enroll now and get ready to master Webflow and build beautiful websites like a pro!

Who this course is for:

  • Beginners who wants to create stunning website without writing even a single line of code.