Search 6,000+ CA Community College Courses

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

The Mega Webflow Course for Beginners - Learn to build a Portfolio Website from scratch in Webflow.

via Skillshare

Go to class Write review

Overview

Want to learn how to build a fully functional website that has a custom design, dope animations, and interactions without using a single line of code?

Hey there! I'm Chethan, a Designer from India and Welcome to my Mega Webflow Course for Beginners. In this course, I am going to teach you to build a one-page fully functional portfolio website from scratch in Webflow. And in the end, you can even host it completely for free using Webflow's domain. 

I have designed the entire portfolio website in Figma, which is a free UI design tool. We will be referring to that design in Figma to build the website in Webflow.

Oh, by the way, feel free to use my design as your own portfolio website. Play around with it, add or remove things, and make it your own. It's all yours!

Course content:

  • Understanding the fundamental concepts of web development.
  • Building the entire website section by section.
  • Animating and adding interactions to make the website very playful and interactive.
  • Wrapping up the website and getting it ready for you to show it off to others.

So I hope you are super excited to get started. If you are, I'll see you inside the course!

Syllabus

  • Course Overview
  • Downloading Assets and Preview Links
  • Understanding the Box Model
  • Types of Layout Elements
  • Webflow Pricing & Hosting Information
  • Setting up your Webflow Project
  • Building the Navigation Bar
  • Adding Hover Interactions to the Navigation Bar
  • Making the Navigation Bar Responsive
  • Adding Links to Link Elements
  • Building the Hero Section
  • Making the Hero Section Responsive
  • Building the Experience Section
  • Making the Experience Section Responsive
  • Building the Middle Section
  • Creating an Animated Link Button
  • Making the Middle Section Responsive
  • Building the Skills Section
  • Making the Skills Section Responsive
  • Building the Logo Carousal
  • Animating the Logo Carousal
  • Making the Logo Carousal Responsive
  • Building the Projects Section
  • Animating the Projects Section
  • Making the Projects Section Responsive
  • Basics of Image Resolutions
  • Building the Dribbble Section
  • Making the Dribbble Section Responsive
  • Building the Testimonials Section
  • Making the Testimonials Section Responsive
  • Building the Tabs Section
  • Making the Tabs Section Responsive
  • Building the Forms Section
  • Making the Forms Section Responsive
  • Building the Footer
  • Making the Footer Responsive
  • Creating a Section Scroll Animation
  • How to use create and use Symbols
  • Creating a Page Load Animation
  • Animating the Experience Section
  • Animating the Skills Section
  • Animating the Projects Section
  • Creating a Progress Bar Animation
  • Creating a Hover Interaction on the Project Component
  • Wrapping up the Website
  • What's Next?

Taught by

Chethan KVS

Reviews

Start your review of The Mega Webflow Course for Beginners - Learn to build a Portfolio Website from scratch in Webflow.

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.