The FASTEST Way To Learn Webflow (Quick-Start Guide)

  Рет қаралды 573

Alex Leischow

Alex Leischow

Күн бұрын

Today, I'm going to teach you the Webflow basics in just 24 minutes! By the end of this Webflow crash course, you will have the foundational tools you need to launch your Webflow project in no time.
🌊 Webflow: webflow.grsm.io/l9bi5zf0cljy
I’ve been using Webflow to build my websites for years. If you're a novice web developer looking to launch a new project or business and don't know how to code, Webflow is your best bet. With Webflow, you can visually code your website, giving you complete control over every pixel. No more sifting through style sheets or JSON files in WordPress to customize your site. With Webflow, you can visually design and build your website from scratch.
The only issues is that getting started with Webflow can be a bit challenging due to its learning curve. As a powerful and feature-rich platform, it requires some time and effort to master its interface and capabilities. Initially, navigating through its various tools and understanding the nuances of visual coding can be overwhelming. This is exactly why I made this video - to eliminate this learning curve as best as I can so that you can start building the website of your dreams!
In this video, I will teach you the basics of Webflow. We will start off by discussing the building blocks of web design (sections, containers, divs, etc). We will then discuss how you can position those elements across your webpage via Webflow's Flexbox and Positioning functionality. Next, we'll discuss styling and how we can use classes to streamline our web development. Then, we'll explore Webflow interactions and how we can animate the elemtents on our webpage. Finally, we will talk about how we can optimize our Webflow sites across different breakpoints so that your website looks good on all devices. By the end of this Webflow crash course, you will have the tools you need to launch your Webflow project in no time.
Subscribe for weekly tutorials!
--------------------
🚀 My Webflow Membership Agency: www.memberify.io/
✉️ Other Business Inquiries: survivingyourtwentys@gmail.com
--------------------
⏰ Timestamps -
0:00 👋 INTRO
0:13 🔨 Building Blocks
2:26 🏁 Grids
3:06 💪🏼 Flexbox
7:12 🌎 Positioning
11:51 🎨 Styling
18:07 📽️ Animations
21:02 📱 Optimizing for Mobile
23:33 ✌️ CONCLUSION
--------------------
🔗 My Links -
🌊 Webflow: webflow.grsm.io/l9bi5zf0cljy
🥞 Memberstack: memberstack.com/?via=survivin...
🤖 Botpress: try.botpress.com/g9islyh7pjv6
🔮 Make.com (Signup here for one FREE month!!): www.make.com/en/register?pc=s...
🚀 My Webflow Membership Agency: www.memberify.io/
--------------------
👨 WHO AM I -
I'm Alex, a 28 year old Financial Analyst who lives in Nashville, TN. On this channel, we explore the no-code strategies and tools that can help us launch the projects that inspire us and, consequentially, lead the lives we've always dreamed about.
If that sounds interesting, consider subscribing! See you in the next video 😀

Пікірлер: 9
@matusb9985
@matusb9985 13 күн бұрын
super simple intro 🚀
@TheZodiacTour
@TheZodiacTour 14 күн бұрын
Dude you're great. Your 15 to 30 min videos really helped me on moving faster on setting up my webflow and memberstack site.
@alexleischow
@alexleischow 13 күн бұрын
Glad I could help my friend. Good to have you here
@DeveloperTrent
@DeveloperTrent 11 күн бұрын
I've been learning webflow for a few weeks now, I've built 3 practice websites, this is by far the best tutorial on webflow I have watched cheers :)
@alexleischow
@alexleischow 11 күн бұрын
Glad it helped!
@jennyjellys99
@jennyjellys99 8 күн бұрын
Thank youuu! 🙏
@alexleischow
@alexleischow 8 күн бұрын
No problem!
@user-om5dv1mt3m
@user-om5dv1mt3m 14 күн бұрын
Hello Alex < ve been Learning a lot. Trying to get off Disability working on webflow career, . You r a great Teacher, Question? Please.... If I Get a customer that wanted to add or change things on there site. Is there is a way for me to Send the Customers website to webflow to be able to make changes to it Ex: a better heading , adding updated pictures etc.. . Could you tell me the process to do this or do I need to use another app to be able to import it to the app to work on it?. Its not a drag and drop built website. Made with html,css, js? please advise? Thanks a lot and you have a lifetime student, I will be joining the links thru you so you can get that little extra for teaching so well. ...Thanks Jay PLease advise
@alexleischow
@alexleischow 13 күн бұрын
Thanks for the kind words, and good for you, keep chugging! I sadly don't know of a way to import custom built websites into Webflow. I think there are some AI projects working on ways to import HTML to Webflow translation, but I haven't used any personally so don't know how good they are!
Figma to webflow process
0:42
Flux Academy
Рет қаралды 34 М.
Create a Fancy Button in Webflow
0:59
Flux Academy
Рет қаралды 19 М.
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 88 МЛН
ОСКАР ИСПОРТИЛ ДЖОНИ ЖИЗНЬ 😢 @lenta_com
01:01
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 2,8 МЛН
Set up your Twitter API app for Make.com
1:15
Anthony Lee - The A.I. Marketer Guy
Рет қаралды 600
How to Create a Connection between Botpress & Make.com
2:22
Webflow vs Framer in 100 Seconds
2:15
Tim Gabe
Рет қаралды 63 М.
How You Can Earn More Money With Thumbnail Design | @ImanGadzhi
0:40
Iman Gadzhi Mindset
Рет қаралды 26 М.
How To Style & Deploy Your Botpress ChatBot (2023 Full Tutorial)
5:52
99 Must-Know Notion Tips in 2024!
2:23:41
Matthias Frank
Рет қаралды 94 М.
How To Integrate Twitter With Make.com (2023 Full Tutorial)
4:30
Alex Leischow
Рет қаралды 7 М.