Webflow Tutorial: Build Your First Website!

Intro: 0:00
Introduction: 0:16
Getting started: 3:26
What is Webflow: 6:27
Webflow FAQs: 12:40
Build your first site: 26:59
Class project 01 - Brief: 35:46
Container vs Sections: 38:14
Creating CSS classes: 47:25
Middletro: 1:04:27
Images: 1:05:06
Background images: 1:11:51
Buttons with a hover: 1:18:51
Custom nav: 1:32:12
Burger menu: 1:43:54
Production Video 1: 1:55:33
Hyperlinks: 2:17:14
Anchor links: 2:22:56
Class project 02 - Club page: 2:27:02
Combo Classes: 2:31:09
Grid: 2:38:04
What is responsive design: 2:57:59
Make Webflow responsive: 3:00:46
Responsive Grids: 3:18:59
Class project 03 - Grids: 3:24:17
Button hover animation: 3:25:55
Fade in on scroll: 3:33:04
Class project 04 - Interactions: 3:40:33
Sharing with clients: 3:41:39
Hosting & workspace costs: 3:46:41
Shortcuts & tricks: 3:52:44
Outro: 4:07:42

#webflow #webflowtutorial #webflowcourse

[tomwdesign]

This will be my first YouTube comment ever, just to say thank you. I used your classes way back to learn both Sketch & Illustrator when I got my first job in a design studio, and I've found out years later that you've now got a course for Webflow too, which is something our agency is hoping to tap into. Choosing you again is a no brainer. Thanks Dan.

[tarirocoffee]

1 day after learning XD from you, had not even completed the video got a job the next day. Happy to see a webflow tut. Thanks much.

[bukunolaadeleye]

I love what you do sir, you have contributed a lot to people's life and brought employment unto their lifes. Continue your great work sir ☺

[kinemastertutorialbs]

Thank you to all BYOL team and the Boss... Aways a blessing and a plus watching your tutorial... Am becoming a member soon as fast the money land in my account. Am from 🇳🇬 I Love you all

[utsavkataria]

YO DAN!! I have bought and completed almost all the courses that you have offered - photoshop, after effects, illustrator and now this. Just what I was looking for.
Thanks for the great content. Love your work and humor. Warm Regards.

[sheilaoranch]

Hi Dan. You are an amazing teacher. Thank you for using the creative and coder sides of your brain together to guide people through what can be difficult functions and steps. You're kindness and lighthearted humor put people at ease at the same time that you are teaching principles and elements that should be followed. Thank you again!

[AbosedeAyinla-ui]

This is the best video on Web flow ever it's not even boring it's totally amazing with his giggles and all and creativity as well

[DiACasti]

Dan my Favorite Tutor! with you we learn a lot but we laugh a lot too and it make it a way cooler!!

[NotYourComrade]

So helpful! I am a graphic designer by trade but those skills go out the window when faced with so many choices! Two rules I work by are never sit with a client while you are designing and two, don’t give me so many choices!

[DiACasti]

My first task after building my website: a Hyperlink to Dan, saying thanks to this amazing tutorial i did make my own website! Thanks a lot Dan you are Amazing spreading knowledge to this World

[yuyu_tc]

Hoping for the best after watching this course..
May our knowledge not be a waste

[sickhighlights]

RECPECT I WATCH WHOLE COURSE IN 2 DAYS MAN YOU ARE SO AWASOME AND COMIC GG !

[JAINMOKSHPRAKASHMAL]

You improve my life. One of these days I am going to get you subsciption even if I don not need it. Just because you helped me a lot on the journey... I am forevery greatful to you sir.

[GrowAdventures]

Hey Daniel,

as someone who had to learn WordPress for my job to build a Website for the Company I work for, would you recommend to learn Webflow as well? The only reason I consider learning it now is because of you. I learned Premiere Pro, Illustrator, Photoshop and After Effects from you on skillshare and got a great job because of that. You're a great teacher so i value your opinion on the matter.
Thanks in advance.
Wishing you all the best!

[saravjeetsandhu]

everywhere I go, I see you. I want to learn illustrator, photoshop, webflow you are there with this amazing free courses.

[weightloss]

Wow. You are doing amazing things Man. I've learned photshop and illustrator because of you and now webflow. 🔥🔥🔥

[samalmaleesha]

Great work sir. My advice for fellows as a developer can be just have a small course in best practices in web development which will make a great difference in these webflow website and you become different from the competitors. That will make you more competitive.

[myworkplace]

it helping me to learn about webflow
you are my teacher and all the thing that i have learn from your vidio and also helping me in doing practic and learning skills
tanks you so much

[FredrikDammen]

Just finished this part of the course, 10/10! Will buy the full course tomorrow 🎉

[britneystoeltjes]

Hi Dan. I really appreciate you sharing this knowledge here. I really enjoy the way you explain it. Thank you.