UDEMY
UDEMY Logo

Complete Webflow Bootcamp: From Figma Design to Development 

  • Offered byUDEMY

Complete Webflow Bootcamp: From Figma Design to Development
 at 
UDEMY 
Overview

Learn to build modern websites with Webflow and start your own freelance web design business. From Figma to Webflow.

Duration

12 hours

Total fee

7,900

Mode of learning

Online

Credential

Certificate

Complete Webflow Bootcamp: From Figma Design to Development
 at 
UDEMY 
Highlights

  • 30-Day Money-Back Guarantee
  • Certificate of completion
  • Full lifetime access
  • Learn from 1 downloadable resource and 2 articles
Read more
Details Icon

Complete Webflow Bootcamp: From Figma Design to Development
 at 
UDEMY 
Course details

What are the course deliverables?
  • You will learn how to build modern websites with Webflow without coding.
  • You will build a complete modern website from scratch.
  • You will learn how to convert your Figma design to a fully responsive website.
  • You will learn how to work with complex animations and interactions.
  • You will learn how to become a successful freelancer.
  • You will learn how to get clients.
  • You will learn how to price your work.
  • You will learn how to prepare amazing proposals.
  • You will learn how to meet with your clients.
More about this course
  • 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 you can add web developer to your CV and start getting clients for your skills.Hi everyone. I'm Arash, and I'm a UI/UX designer and a web developer. In the past few years, I 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.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.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. 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. Don't just take my word for it, see what my past students had to say about my design courses: loved this course. Highly recommended if you want to build real-world designs. loved Arash's style of teaching." - Mustafa Alabdullah "This course is AMAZING! I really like the content especially the projects. I could finally find a course to take me from the very basic concepts to the most complex part of UI/UX design. I 100% recommend it." - Zhan K"A comprehensive and detailed course for anyone looking to become a UI/UX designer. Clear and easy to understand explanations. It covers all of the topics required for a real-world professional." - Erikas" The course was awesome, he went through a lot of features and showed a whole lot of stuff that is going to make me a better UI/UX designer. Thank you Arash." - Sara Brown" Such an amazing course. I was always looking for a comprehensive course that could teach me everything in one place. I finally found it. I recommend this course to anyone who wants to become a world-class UI/UX designer." - Louis Castillo Course highlights: Mastering Webflow Advanced Tips & Tricks Build a complete modern website from scratch A certificate of completion upon finishing the course. We are so confident that you will love this course that we're offering a 30-day money-back guarantee! So you can sign up today with zero risks. So, what are you waiting for? Enroll today!!
Read more

Complete Webflow Bootcamp: From Figma Design to Development
 at 
UDEMY 
Curriculum

Introduction

Introduction

Webflow 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

Layout & Design in Webflow

Classes

Display Settings

Flexbox

Flexbox Challenge

Challenge Solution

Flexbox vs. Grid

Spacing

Size

Position

Typography

Backgrounds

Borders

Effects

States

Breakpoint Basics

Build Your First Website

Setting up Your Project

Assets

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

SEO & Optimizations

Intro to SEO

Site Verification & Google Analytics

Advanced Tips & Tricks

Image Optimization & Lazy Load

Custom Attributes

How to create a pop-up?

Custom Code & Integration

Lottie Animation

Naming Convention

Working 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?

Conclusion

What to do next?

Bonus Lecture

Faculty Icon

Complete Webflow Bootcamp: From Figma Design to Development
 at 
UDEMY 
Faculty details

Arash Ahadzadeh
Designation : iOS Developer & UI Designer

Other courses offered by UDEMY

549
50 hours
– / –
3 K
10 hours
– / –
549
4 hours
– / –
599
10 hours
– / –
View Other 2344 CoursesRight Arrow Icon
qna

Complete Webflow Bootcamp: From Figma Design to Development
 at 
UDEMY 

Student Forum

chatAnything you would want to ask experts?
Write here...