Complete Webflow Bootcamp: From Figma Design to Development
- Offered byUDEMY
Complete Webflow Bootcamp: From Figma Design to Development at UDEMY Overview
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
Complete Webflow Bootcamp: From Figma Design to Development at UDEMY Course details
- 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.
- 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!!
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
Complete Webflow Bootcamp: From Figma Design to Development at UDEMY Faculty details
Other courses offered by UDEMY
Student Forum
Useful Links
Know more about UDEMY
Know more about Programs
- Business & Management Study
- Infrastructure Courses
- Ph.D. in Finance
- Online Digital Marketing
- Pharma
- Digital Marketing
- International Business
- Disaster Management
- MBA in Pharmaceutical Management
- MBA General Management
- Agriculture & Food Business
- MBA Media Management
- MBA Quality Management
- BBA Business Analytics
- Business Analytics