Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Complete Webflow Bootcamp: From Figma Design to Development to Freelancing

via Skillshare

Overview

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.

Course highlights:

  • Mastering Webflow

  • Advanced Tips & Tricks

  • Build a complete modern website from scratch

So, what are you waiting for? Enroll today!!

Syllabus

  • Introduction
  • 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
  • Symbol
  • Important Shortcuts
  • Classes
  • Display Settings
  • Flexbox
  • Flexbox Challenge
  • Challenge Solution
  • Flexbox vs Grid
  • Spacing
  • Size
  • Position
  • Typography
  • Backgrounds
  • Borders
  • Effects
  • States
  • Breakpoint Basics
  • 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
  • Intro to SEO
  • Site Verification & Google Analytics
  • Image Optimization & Lazy Load
  • Custom Attributes
  • How to create a pop up?
  • Custom Code & Integration
  • Lottie Animation
  • Naming Convention
  • Introduction to the Freelance World
  • How to get clients?
  • Sending a proposal
  • Pricing Your Work
  • Meeting Your Client
  • Webflow Pitch
  • Webflow Hosting
  • How to Deliver the Project to the Client?
  • What to do Next?

Taught by

Arash Ahadzadeh

Reviews

Start your review of Complete Webflow Bootcamp: From Figma Design to Development to Freelancing

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.