Webflow 101 crash course

If you're looking to jump right in to Webflow and get a feel for how to build your first website, this course is for you.

42
 Video Lessons
Beginner - Intermediate
1hr 58min

About this course

This introductory course is a great place to start if you've never used Webflow before. We'll provide an overview of the Webflow UI, go over the basic building blocks, and offer suggestions and best practices for building for the web. And if you're new to the world of the web design too, there's plenty of lessons covering the basics of positioning and layout to help you get up and running.

Requirements

  • Free (or premium) Webflow account — sign up
  • Chrome or Safari browser

Course outline

Intro to the Designer

New

2:48

Intro to HTML & CSS

New

3:38

WEB STRUCTURE

New

Element Hierarchy

New

3:57

Element Basics

New

Components

New

Intro to Forms

New

4:55

Styling Basics

New

Intro to Style Panel

New

3:15

Layout

New

Intro to Web Layout

New

2:27

Padding & Margin

New

2:48

Display Settings

New

2:54

Intro to Flexbox

New

2:27

Grid layouts overview

New

4:18

Positioning Overview

New

1:48

Responsive Design

New

Intro to Responsive Design

New

2:21

Intro to Breakpoints

New

4:22

INTERACTIONS CORE CONCEPTS

New

Intro to Interactions

New

1:22

Triggers & animations

New

4:31

CMS & Dynamic Content

New

Intro to Dynamic Content

New

1:36

Intro to Webflow CMS

New

2:02

CMS Collections

New

2:05

Collection List

New

3:33

Filtering Collection Lists

New

2:47

Collection Page

New

3:01

Using the Editor

New

2:22

CMS Collection Fields

New

Plain Text Field

New

0:51

Rich Text Field

New

1:16

Reference Field

New

1:11

Multi-reference Field

New

2:31

42
 video lessons
Beginner - Intermediate
1hr 58min