Webflow: Basics
- Language: English
- Certificate: of completion
- Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Duration: 5 Hours 31 Mins
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 1Welcome to Webflow
-
Designer View
-
Settings
-
Fonts
-
-
Lesson 2Practical Project
-
CSS Styles
-
Breakpoints
-
Layout Basics
-
-
Lesson 3First Page Sections
-
Hero Section
-
Hero Styles
-
Simple Components
-
Button States
-
-
Lesson 4Working with Menu
-
Menu
-
Submenu
-
Hover State
-
Fixed Submenu
-
Mobile Menu
-
Finished Menu
-
-
Lesson 5Other Sections
-
Features Section
-
Delivery Section
-
Standards Section
-
Tabs Section
-
Responsive Tabs
-
Logo Grid
-
-
Lesson 6Animations and FAQ
-
FAQ Structure
-
Animation Basics
-
Animation Timing
-
Animation Effects
-
Animation Easing
-
-
Lesson 7Let’s finish this up!
-
Recent Articles Section
-
Contact Form Section
-
Font Awesome
-
Footer part 1
-
Footer part 2
-
-
Lesson 8Bonus Lessons
-
Custom Animations part 1
-
Custom Animations part 2
-
Form in Zapier
-
Website Publishing
-
-
Lesson 9That’s all for now
-
Thank you
-
Meet the teacher
Greg Rog
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.
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
-
Greg Rog
Teacher at awwwards.com
If you have any questions about this course, please contact us
