-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Webflow Introduction Course
Introduction Course Overview
Below you can find the ordered content of the topic, in a linear progression
The linear progression of content aims to cover all content, course by course, workout by workout as follows:
- first course is the only core one, denoted by its manifest
- the next course is denoted by the first item of the next array in each course manifest
- each course has its order of workouts designated by the sections field in the same aforementioned manifest
Insights:
no | name | content | aspects | standards | PQ | RQ | Quiz | done |
---|---|---|---|---|---|---|---|---|
1 | what-is-webflow | ✅ | 👶 introduction | ❌ | ✅ | ❌ | ❌ | ❌ |
2 | what-i-need-to-use-webflow | ✅ | 💪 workout 👶 introduction |
❌ | ✅ | ❌ | ❌ | ❌ |
3 | the-designer | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
4 | html | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
5 | css | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
Exercises:
Game:
Insights:
no | name | content | aspects | standards | PQ | RQ | Quiz | done |
---|---|---|---|---|---|---|---|---|
1 | webflow-the-box-model | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
2 | element-hierarchy | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
3 | the-navigator | ✅ | 👶 introduction 💪 workout |
❌ | ❌ | ❌ | ❌ | ❌ |
4 | the-element-panel | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
Exercises:
Game:
3. templates
Insights:
no | name | content | aspects | standards | PQ | RQ | Quiz | done |
---|---|---|---|---|---|---|---|---|
1 | quick-start | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
2 | where-to-find-templates | ✅ | ✨ new 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
3 | template-example | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
4 | filter-templates | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
Exercises:
Game:
4. diy
Insights:
no | name | content | aspects | standards | PQ | RQ | Quiz | done |
---|---|---|---|---|---|---|---|---|
1 | getting-started | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
2 | sections | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ✅ | ❌ | ❌ |
3 | containers | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
4 | columns | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
5 | divisions | ✅ | 👶 introduction 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
Exercises:
Game:
Insights:
no | name | content | aspects | standards | PQ | RQ | Quiz | done |
---|---|---|---|---|---|---|---|---|
1 | forms | ✅ | 👶 introduction 💪 workout 🦑 deep |
❌ | ✅ | ❌ | ❌ | ❌ |
2 | navigation | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
3 | sliders | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
4 | symbols | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
Exercises:
Game:
6. style
Insights:
no | name | content | aspects | standards | PQ | RQ | Quiz | done |
---|---|---|---|---|---|---|---|---|
1 | the-style-panel | ✅ | 👶 introduction 💪 workout 🦑 deep |
❌ | ✅ | ❌ | ❌ | ❌ |
2 | webflow-html-tags | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
3 | classes | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
4 | states | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
5 | states-2 | ✅ | 🦑 deep 💪 workout |
❌ | ❌ | ❌ | ❌ | ❌ |
Exercises:
Game:
7. templates-2
Insights:
no | name | content | aspects | standards | PQ | RQ | Quiz | done |
---|---|---|---|---|---|---|---|---|
1 | webflow-template-editing | ✅ | 👶 introduction | ❌ | ❌ | ❌ | ❌ | ❌ |
2 | webflow-template-editing-2 | ✅ | 👶 introduction | ❌ | ✅ | ❌ | ❌ | ❌ |
3 | webflow-template-editing-3 | ✅ | 👶 introduction | ❌ | ✅ | ❌ | ❌ | ❌ |
Exercises:
Game:
8. layouts
Insights:
no | name | content | aspects | standards | PQ | RQ | Quiz | done |
---|---|---|---|---|---|---|---|---|
1 | webflow-paddings | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
2 | webflow-margins | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
3 | webflow-display-settings | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
4 | webflow-flexbox | ✅ | 👶 introduction | ❌ | ✅ | ❌ | ❌ | ❌ |
5 | webflow-overviews | ✅ | 🦑 deep 💪 workout |
❌ | ✅ | ❌ | ❌ | ❌ |
Exercises:
Game:
Given the insights are tagged with aspects, we can filter over the linear content progression and create learning sub-paths.
These sub-path progressions will most likely not cover all content, but they will ensure and enforce an unified learning experience, tailor for the user wish.
For example, a user might be interested in new additions and updates of a language, rather than introduction lessions. Note that these sub-paths don't take games into consideration
If you are being introduced to the topic for the first time
Insights:
- what-is-webflow
- what-i-need-to-use-webflow
- the-designer
- html
- css
- webflow-the-box-model
- element-hierarchy
- the-navigator
- the-element-panel
- quick-start
- template-example
- filter-templates
- getting-started
- sections
- containers
- columns
- divisions
- forms
- the-style-panel
- webflow-template-editing
- webflow-template-editing-2
- webflow-template-editing-3
- webflow-flexbox
Theory put into practice/that’s how you achieve X points
Insights:
- what-i-need-to-use-webflow
- the-designer
- html
- css
- webflow-the-box-model
- element-hierarchy
- the-navigator
- the-element-panel
- quick-start
- where-to-find-templates
- template-example
- filter-templates
- getting-started
- sections
- containers
- columns
- divisions
- forms
- navigation
- sliders
- symbols
- the-style-panel
- webflow-html-tags
- classes
- states
- states-2
- webflow-paddings
- webflow-margins
- webflow-display-settings
- webflow-overviews
Prerequisite knowledge consisting of 2 or more 👶/💪 workouts
Insights:
- forms
- navigation
- sliders
- symbols
- the-style-panel
- webflow-html-tags
- classes
- states
- states-2
- webflow-paddings
- webflow-margins
- webflow-display-settings
- webflow-overviews
Recently added/gained traction feature
Insights:
Stories, obscure details that don’t specifically relate to a learning objective
✅ All content has been tagged with aspects.
Want to contribute to this wiki? Go right ahead! If it has to do with how the Enki software ecosystem works, or editorial guidelines for how to write, let us handle that. Anything else, edit away!
Curriculum Format:
- Topic Documentation
- Course Documentation
- Workout Documentation
- Insight Documentation
- Glossary Documentation
Contributor Resources:
Curriculum overview:
Topic pages: