This course is the ultimate place to learn the fundamentals of web design and development. In this course, you’ll learn how to create a fully responsive (and accessible) website homepage with a navbar, cards, a form, and so much more, all in Webflow. And, at the end, you’ll have the skills to develop your own beautiful and impactful sites.
Learn web development superpowers, build your own site along the way, and share your progress on social media with #Webflow101. Then get certified — take our Webflow 101 certification exam. Let’s get started!
00:00 — What if this was a course that teaches everything? 00:18 — This is a course that teaches the fundamentals of web design and development 00:57 — Preview of Webflow 101 01:29 — Learn how the web is built and use that knowledge to build and change the web yourself 01:47 — Should this even be called Webflow 101? 02:12 — Webflow University
Go take the full course at Webflow University: https://wfl.io/101
What if there was a single course that covered everything web design and development? A course that literally taught the entirety of software engineering? Something that goes in depth in Ruby and Django, nodeJS, and Microsoft FrontPage...
[Grimur] This is not (that course.)
[McGuire] That’s not this course. Slightly alternate angle.
This course is an intro to the fundamentals of web design and development. What that means is we’ll cover 90% of what you need to know to get started developing your own sites.
Apple. Google. Netflix. Stripe. Berkshire Hathaway.
What do four of these sites have in common? They’re extraordinary examples of modern design and development.
And while we’ll be using Webflow as our visual development environment, the vast majority of what we’re covering is the same fundamentals (same CSS properties) used by developers at all these companies.
Because of that, what we’re covering in this course is transferable. In fact, we’re going to spend the first part of this course outside of Webflow — where we’ll look into and actually mess with many of these brands.
And when we do get to Webflow, we’ll go through every step of the process — building each part of our site. At the end, we’ll have a full landing page for a new SaaS company called "Calendar". It’s like a normal calendar...
[Sara] But the app accounts for quantum flux, distortions in gravity, time travel...
Grimur: Does it really account for time travel?
Sara: It absolutely does.
[Grímur] Does it really account for time travel?
[Sara] It absolutely does.
[McGuire] Put simply, if your goal is to learn how the web is built — and then you want to use that knowledge to build and even change the web yourself? This is where to begin.
So, in reality, if this course is the fundamentals of web development, should we really call it "Webflow 101"?
[McGuire] No.
[Grímur] Yes.
[Grímur] We did call sheets... brand deals...
[McGuire] Really...
[Grímur] We made merch...
(Sara laughing)
[McGuire] What is that?
[Grímur] It already says "Webflow 101".
[McGuire] Is this supposed to be you?
[Grímur] Technically, it could be any good-looking...
[Sara] It’s totally Grímur.
[Grímur] Adonnes...
[Sara] The face...
[Grímur] ...a Viking.
[Sara] The hair...
[Grímur] ...Very attractive.
[Sara] Same outfit...
[Grímur] ...Nordic god.
[McGuire] That’s a Grimur plushie.
[Grímur] It’s totally a Grimur plushie.
[McGuire] Then let’s get started with Webflow 101.