When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

Complete Webflow Bootcamp: From Figma Design to Development to Freelancing

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon11 hours 36 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Complete Webflow Bootcamp: From Figma Design to Development to Freelancing

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?

What You Will Learn?

  • 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!!.