New season, New skills! All Courses at $9.99

Webflow: Basics

  • Language: English
  • Certificate: of completion
  • Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Duration: 5 Hours 31 Mins
Now
9.99$
/$100

Webflow is one of the best visual website editors right now. It is a real revolution when it comes to designing and implementing both static and dynamic websites and even ready-made e-commerce systems. With the use of no-code, publishing pages is faster and easier than ever.

Category Course format Language Duration Level
No Code, UX Design Online English with Subt. 5 Hours 31 Mins Beginners

This Awwwards course introduces you to the world of web design without coding with Webflow, addressing the most important element - layout.

In short, you will learn all the techniques that allow you to create static websites in Webflow, from a blank page. This is a great introduction for those of you who have not dealt with Webflow yet, want to establish your foundations, or create your first website! We’ll work on a practical example of a simple, static landing page that you’ll create during the course. Apart from learning Webflow, we’ll have fun! Ready to get started?

Modules

What you will learn
in this course.

  • Lessons
  • Lesson 1
    Welcome to Webflow
    • Designer View
    • Settings
    • Fonts
  • Lesson 2
    Practical Project
    • CSS Styles
    • Breakpoints
    • Layout Basics
  • Lesson 3
    First Page Sections
    • Hero Section
    • Hero Styles
    • Simple Components
    • Button States
  • Lesson 4
    Working with Menu
    • Menu
    • Submenu
    • Hover State
    • Fixed Submenu
    • Mobile Menu
    • Finished Menu
  • Lesson 5
    Other Sections
    • Features Section
    • Delivery Section
    • Standards Section
    • Tabs Section
    • Responsive Tabs
    • Logo Grid
  • Lesson 6
    Animations and FAQ
    • FAQ Structure
    • Animation Basics
    • Animation Timing
    • Animation Effects
    • Animation Easing
  • Lesson 7
    Let’s finish this up!
    • Recent Articles Section
    • Contact Form Section
    • Font Awesome
    • Footer part 1
    • Footer part 2
  • Lesson 8
    Bonus Lessons
    • Custom Animations part 1
    • Custom Animations part 2
    • Form in Zapier
    • Website Publishing
  • Lesson 9
    That’s all for now
    • Thank you

Meet the teacher

Greg Rog

Founder of learnux.io

Designer with 15+ years experience. Design mentor, Fortune 500 companies UI/UX consultant. Smashing Magazine Author, passionate teacher, serial entrepreneur and… happy dad :-) Always curious and result oriented. Running one of the biggest IT training platforms in Poland - eduweb.pl and a few educational side projects in English like codeless.how and learnux.io. Recently focusing on building a framework for Webflow on systemflow.co.

Now
9.99$
/$100

Course Content

Webflow is one of the best visual website editors right now. It is a real revolution when it comes to designing and implementing both static and dynamic websites and even ready-made e-commerce systems. With the use of no-code, publishing pages is faster and easier than ever.

Features

  • English
  • English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
  • Beginners
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion

If you have any questions about this course, please contact us

Start the course and upskill your professional toolkit.

Related courses

Find more courses
like this one.

Currently we have more courses for you View All Courses