Webflow

The No-Code Webflow Bootcamp is a 12-week intensive course designed to empower learners with the skills to build and manage professional-quality websites without coding. Ideal for anyone aiming to master no-code web development and craft engaging, dynamic web experiences.

Enroll Now!

Disclaimer: The contents of this syllabus, including the lesson structure, formats, and materials, are subject to change at any time without prior notice. The instructor reserves the right to modify the course content, course schedule, assessment methods, and other course-related elements in response to individual student needs, collective class progress, or other pertinent factors that may arise during the course of instruction.

Week
1
Intro to HTML and CSS
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night
Lesson Plan
  • Create/Review LinkedIn Profile
  • Intro to HTML
  • Intro to CSS
  • Signup to FIgma (Free Account)
  • Signup to Webflow (Free Account)
  • Signup to ChatGPT (Free Account)

‍

Week
2
Intro to Webflow and Figma
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night
Lesson Plan
  • Use Figma as a developer.
  • Webflow Interface
  • Webflow shortcuts
  • Join Webflow Community
  • Explore Webflow resources

‍

Week
3
Getting Started on No-Code Web Development
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night
Lesson Plan
  • HTML structure
  • CSS fundamentals
  • Learn Basic SEO practice.
  • Components
  • Responsiveness

‍

Week
4
The CSS Boxes and Interaction of Webflow
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night

‍

Lesson Plan
  • Flex Box vs. Grid Box
  • Webflow Interaction

‍

Week
5
The Amazing Finsweet and Relume Library
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night

‍

Lesson Plan
  • Install Finsweet extension
  • Learn Finsweet client first approach.
  • Signup to Relume Library (Trial only)
  • Learn to use Relume library.

‍

Week
6
Portfolio Project (Part 1)
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night
Lesson Plan
  • Build your portfolio project (Part 1)
  • Inspect the Figma design file.
  • Build Project Style Guide
  • Create components

‍

Week
7
Portfolio Project (Part 2)
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night

‍

Lesson Plan
  • Build your portfolio project (Part 2)
  • Use Relume library for layout structure.
  • Start Styling your site.

‍

Week
8
Portfolio Project (Part 3)
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night

‍

Lesson Plan
  • Build your portfolio project (Part 3)
  • What is CMS collection?
  • start creating your CMS collection
  • Connect your CMS collection.

‍

Week
9
Portfolio Project (Part 4)
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night

‍

Lesson Plan
  • Build your portfolio project (Part 4)
  • Add animation and interaction.

‍

Week
10
Basic Knowledge About Automation
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night

‍

Lesson Plan
  • What is Automation?
  • Explore Zapier
  • Explore Make

‍

Week
11
Exercises and Challenges
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night

‍

Lesson Plan
  • 1 week of exercises and challenges
Week
12
Career Preparation
Weekly Plan
  • Lectures (Monday and Tuesday) - 2 Hours every night
  • Daily Standup (Monday-Friday) - 2 Hours every night
  • Hands-on: (Monday-Friday) - 2 Hours every night
  • Quiz: (Every Friday) - 2 Hours every night
Lesson Plan
  • Resume Review
  • Mockup Interview
  • Project Review
  • Linked Profile review

‍

the willingness to learn is a choice

Join Community