Description
In this course, you will learn :
- How to use Webflow to create modern websites without coding.
- Create a fully functional modern website from the ground up.
- Discover how to turn your Figma design into a fully responsive website.
- Discover how to work with complex animations and interactions.
- Discover how to be a successful freelancer.
- How to find clients.
- How to set a price for your work.
- How to create fantastic proposals.
- figure out how to meet with your clients.
Syllabus :
1. Webflow Academy
- 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
2. 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
3. Build Your First Website
- Assets
- Navigation Bar
- Hero Section
- Clients Section
- Projects Section
- Testimonial Section
- Services Section
- CTA Section
- Footer
- CMS & Dynamic Content
- Project Page
- Contact Page
- Introduction to Responsiveness
- Responsiveness: Tablet
- Responsiveness: Mobile Landscape
- Responsiveness: Mobile Portrait
- Animations & Interactions
- Accessibility
- Project Settings
- Editor
- Publish Your Website
- Webflow Plans
4. SEO & Optimizations
- Intro to SEO
- Site Verification & Google Analytics
5. Advanced Tips & Tricks
- Image Optimization & Lazy Load
- Custom Attributes
- How to create a pop-up?
- Custom Code & Integration
- Lottie Animation
- Naming Convention
6. 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?