Webflow: Basics

Name: Webflow: Basics
Author: Greg Rog

By Greg Rog

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

Chapters

Duration
Lesson 1

Welcome to Webflow

3

30:25 Mins

View more
- Designer View
  
  12:17 Mins
- Settings
  
  07:39 Mins
- Fonts
  
  10:39 Mins
Lesson 2

Practical Project

3

24:50 Mins

View more
- CSS Styles
  
  10:06 Mins
- Breakpoints
  
  05:26 Mins
- Layout Basics
  
  09:18 Mins
Lesson 3

First Page Sections

4

35:57 Mins

View more
- Hero Section
  
  13:17 Mins
- Hero Styles
  
  09:13 Mins
- Simple Components
  
  07:23 Mins
- Button States
  
  06:04 Mins
Lesson 4

Working with Menu

6

1 Hour

View more
- Menu
  
  09:56 Mins
- Submenu
  
  13:18 Mins
- Hover State
  
  11:18 Mins
- Fixed Submenu
  
  07:31 Mins
- Mobile Menu
  
  07:14 Mins
- Finished Menu
  
  11:36 Mins
Lesson 5

Other Sections

6

1 Hour

View more
- Features Section
  
  15:53 Mins
- Delivery Section
  
  10:30 Mins
- Standards Section
  
  08:56 Mins
- Tabs Section
  
  06:36 Mins
- Responsive Tabs
  
  06:58 Mins
- Logo Grid
  
  12:26 Mins
Lesson 6

Animations and FAQ

5

39:26 Mins

View more
- FAQ Structure
  
  08:50 Mins
- Animation Basics
  
  08:40 Mins
- Animation Timing
  
  06:02 Mins
- Animation Effects
  
  06:28 Mins
- Animation Easing
  
  09:26 Mins
Lesson 7

Let’s finish this up!

5

54:35 Mins

View more
- Recent Articles Section
  
  12:43 Mins
- Contact Form Section
  
  12:04 Mins
- Font Awesome
  
  08:55 Mins
- Footer part 1
  
  12:55 Mins
- Footer part 2
  
  07:58 Mins
Lesson 8

Bonus Lessons

4

31:11 Mins

View more
- Custom Animations part 1
  
  08:10 Mins
- Custom Animations part 2
  
  07:47 Mins
- Form in Zapier
  
  05:11 Mins
- Website Publishing
  
  10:03 Mins
Lesson 9

That’s all for now

1

00:49 Mins

View more
- Thank you
  
  00:49 Mins

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