Complete Webflow Bootcamp: From Figma Design to Development to Freelancing
- Language: English
- Certificate: of completion
- Subtitles: English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Duration: 11 Hours 36 Mins
Do you want to become a web designer and a web developer, but you don't know how to code? Have you ever wanted to build custom websites without writing a single line of code? This course will allow you to develop your web design and development skills, and add web developer to your CV to start getting clients for your skills.
| Category | Course format | Language | Duration | Level |
|---|---|---|---|---|
| UX Design, No Code | Online | English with Subt. | 11 Hours 36 Mins | Beginners |
Introduction
Hi everyone. I'm Arash, and I'm a UI/UX designer and a web developer. In the past few years, I have helped over 50,000 designers worldwide to build their own UI/UX design business from the ground up. In this course, I will help you learn and master Webflow comprehensively from scratch.
Webflow is an innovative and brilliant tool for web designers. It allows you to build custom websites visually. Don't get me wrong; it's not a website builder like Wix or Squarespace that comes with extensive limitations. On the contrary, it allows you to build modern and responsive websites without any limitations visually. It's used by everyone from entrepreneurs and start-ups to Dell, Zendesk, etc.
Many designers think that web development is hard, boring, and complex, but I will teach you how to develop amazing websites in a simple, fun, and engaging way.
This is not another development course where you learn HTML & CSS. Instead, you will learn how to convert any design to a fully responsive website with complex animations and interaction without code.
Description
In the first part of the course, I will teach you the basics of web development, and we will go through all the features of Webflow in the Webflow Academy section. In the second part of the course, you will put everything you learned into practice by building a complete website for a design agency from scratch. Next, we will dive into advanced topics like responsivity, animations, and interactions. Last but not least, you will learn how to optimize a website for search engines (SEO).
In the last part of the course, we will talk about the business side of the web design industry. You will learn how to get your very first client, how to price your work, how to prepare amazing proposals, and so much more. Eventually, you will learn how to become a world-class freelance web developer and how to run your own web development business.
Requirements
It's an amazing course for people with zero web development experience, or for experienced UI/UX designers who want to learn and master Webflow and become no-code web developers. By the end of this course, you’ll have a complete, real-world project for your own portfolio, and every student will have the knowledge and confidence to apply for a web developer job.
With over 11 hours of content across 80+ lectures, I will take you from beginner to expert, and teach you everything you need to know in order to use Webflow in a professional manner.
You will learn
- Fundamentals of Webflow
- How to structure a web page
- How to build a complete modern website from scratch
- Advanced Tips & Tricks
- Master Webflow
The course includes
- 11 Hours 36 Mins of condensed knowledge
- Immediate access to the entire collection of videos
- Valuable links and resources for every lesson
- Source Files: Figma and Webflow
- Certificate of completion
Modules
What you will learn
in this course.
-
Lessons
-
Lesson 1Webflow Academy
-
Introduction to Webflow
-
Environment of Webflow
-
Introduction to HTML & CSS
-
Introduction to the Box Model
-
Webflow Elements
-
Div Block
-
Section
-
Container
-
Grid
-
List
-
Link Block
-
Button
-
Typography
-
Image
-
Video
-
Lottie Animation
-
Forms
-
Nav Bar
-
Lightbox
-
Slider
-
Tabs
-
Social Media
-
Search
-
Symbols
-
Important Shortcuts
-
-
Lesson 2Layout & Design in Webflow
-
Classes
-
Display Settings
-
Flexbox
-
Flexbox Challenge
-
Challenge Solution
-
Flexbox vs. Grid
-
Spacing
-
Size
-
Position
-
Typography
-
Backgrounds
-
Borders
-
Effects
-
States
-
Breakpoint Basics
-
-
Lesson 3Build Your First Website
-
Setting up Your Project
-
Navigation Bar
-
Hero Section
-
Clients Section
-
Projects Section
-
Testimonial Section
-
Services Section
-
CTA Section
-
Footer
-
CMS & Dynamic Content
-
Project Page - Part 1
-
Project Page - Part 2
-
Project Page - Part 3
-
Contact Page
-
Introduction to Responsiveness
-
Responsiveness: Tablet
-
Responsiveness: Mobile Landscape
-
Responsiveness: Mobile Portrait
-
Animations & Interactions - Part 1
-
Animations & Interactions - Part 2
-
Animations & Interactions - Part 3
-
Accessibility
-
Project Settings
-
Editor
-
Publish Your Website
-
Webflow Plans
-
-
Lesson 4SEO & Optimizations
-
Intro to SEO
-
Site Verification & Google Analytics
-
-
Lesson 5Advanced Tips & Tricks
-
Image Optimization & Lazy Load
-
Custom Attributes
-
How to create a pop-up?
-
Custom Code & Integration
-
Lottie Animation
-
Naming Convention
-
-
Lesson 6Work With Clients
-
Introduction to the Freelance World
-
How to Get Clients?
-
Sending a Proposal
-
Pricing Your Work
-
Meeting Your Clients
-
Webflow Pitch
-
Webflow Hosting
-
How to Deliver the Project to the Client?
-
What to do Next?
-
Meet the teacher
Arash Ahadzadeh
I am a UI/UX Designer with +10 years of graphic design and UI/UX design experience. I teach UI/UX design at the University of Economics and Human Sciences in Warsaw. My passion is helping people to learn new skills in short-term courses and achieve their goals.
Course Content
Do you want to become a web designer and a web developer, but you don't know how to code? Have you ever wanted to build custom websites without writing a single line of code? This course will allow you to develop your web design and development skills, and add web developer to your CV to start getting clients for your skills.
Features
- English
- English, Spanish, French, Japanese, Italian, Portuguese (Machine translation)
- Beginners
- Access on mobile and Desktop
- Full time access
- Certificate of completion
-
Arash Ahadzadeh
Teacher at awwwards.com
If you have any questions about this course, please contact us
