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.

Course highlights

• Mastering Webflow
• Advanced Tips & Tricks
• Build a complete modern website from scratch
• A certificate of completion upon finishing the course.

Course content

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
• 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
• Contact Page
• Introduction to Responsiveness
• Responsiveness: Tablet
• Responsiveness: Mobile Landscape
• Responsiveness: Mobile Portrait
• Animations & Interactions
• 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