Complete Webflow Bootcamp: From Figma Design to Development to Freelancing | Arash Ahadzadeh | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Complete Webflow Bootcamp: From Figma Design to Development to Freelancing

teacher avatar Arash Ahadzadeh, iOS Developer & UI Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

84 Lessons (11h 36m)
    • 1. Introduction

      2:10
    • 2. Introduction to Webflow

      2:02
    • 3. Environment of Webflow

      5:52
    • 4. Introduction to HTML & CSS

      4:16
    • 5. Introduction to the Box Model

      2:06
    • 6. Webflow Elements

      3:49
    • 7. Div Block

      4:06
    • 8. Section

      3:57
    • 9. Container

      2:46
    • 10. Grid

      8:13
    • 11. List

      2:34
    • 12. Link Block

      4:23
    • 13. Button

      2:23
    • 14. Typography

      6:59
    • 15. Image

      3:37
    • 16. Video

      1:48
    • 17. Lottie Animation

      1:32
    • 18. Forms

      11:12
    • 19. Nav Bar

      3:14
    • 20. Lightbox

      6:23
    • 21. Slider

      6:01
    • 22. Tabs

      5:53
    • 23. Social Media

      2:52
    • 24. Search

      2:25
    • 25. Symbol

      8:11
    • 26. Important Shortcuts

      2:41
    • 27. Classes

      12:31
    • 28. Display Settings

      11:54
    • 29. Flexbox

      8:16
    • 30. Flexbox Challenge

      1:11
    • 31. Challenge Solution

      13:05
    • 32. Flexbox vs Grid

      3:33
    • 33. Spacing

      5:30
    • 34. Size

      16:24
    • 35. Position

      15:12
    • 36. Typography

      11:01
    • 37. Backgrounds

      14:12
    • 38. Borders

      8:10
    • 39. Effects

      7:24
    • 40. States

      7:54
    • 41. Breakpoint Basics

      12:52
    • 42. Setting up Your Project

      9:08
    • 43. Navigation Bar

      17:38
    • 44. Hero Section

      23:44
    • 45. Clients Section

      5:35
    • 46. Projects Section

      17:51
    • 47. Testimonial Section

      19:05
    • 48. Services Section

      15:04
    • 49. CTA Section

      16:09
    • 50. Footer

      8:45
    • 51. CMS & Dynamic Content

      28:42
    • 52. Project Page - Part 1

      4:51
    • 53. Project Page - Part 2

      16:18
    • 54. Project Page - Part 3

      6:48
    • 55. Contact Page

      15:35
    • 56. Introduction to Responsiveness

      1:33
    • 57. Responsiveness Tablet

      17:37
    • 58. Responsiveness Mobile Landscape

      12:13
    • 59. Responsiveness Mobile Portrait

      10:33
    • 60. Animations & Interactions - Part 1

      12:40
    • 61. Animations & Interactions - Part 2

      16:57
    • 62. Animations & Interactions - Part 3

      19:13
    • 63. Accessibility

      14:49
    • 64. Project Settings

      8:44
    • 65. Editor

      11:34
    • 66. Publish Your Website

      4:40
    • 67. Webflow Plans

      9:40
    • 68. Intro to SEO

      7:35
    • 69. Site Verification & Google Analytics

      8:25
    • 70. Image Optimization & Lazy Load

      9:07
    • 71. Custom Attributes

      3:33
    • 72. How to create a pop up?

      9:55
    • 73. Custom Code & Integration

      12:03
    • 74. Lottie Animation

      6:27
    • 75. Naming Convention

      4:58
    • 76. Introduction to the Freelance World

      0:47
    • 77. How to get clients?

      2:58
    • 78. Sending a proposal

      5:17
    • 79. Pricing Your Work

      6:32
    • 80. Meeting Your Client

      1:59
    • 81. Webflow Pitch

      3:43
    • 82. Webflow Hosting

      2:33
    • 83. How to Deliver the Project to the Client?

      2:50
    • 84. What to do Next?

      0:59
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

403

Students

--

Projects

About This Class

9f9430d6.png

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

Meet Your Teacher

Teacher Profile Image

Arash Ahadzadeh

iOS Developer & UI Designer

Teacher

I am a UI/UX Designer & an iOS developer with having almost four years of experience in application development and also ten years of graphic design and UI/UX design.
My passion is helping people to learn new skills in a short-term course and achieve their goals. I've been designing for more than ten years and developing iOS apps for four years. It's my honor if I could help you to learn to program in a simple word. I currently am teaching, Figma, Sketch, iOS 13, Swift 5, Illustrator, Photoshop, Cinema 4d, HTML, CSS, JavaScript, etc.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.