Description

Total Contact period: 54 hours

Weekly contact: 4.5 hours of Lecture time

No-Code Web Development

1. How to Build a Professional Website Without Writing a Single Line of Code
2. The Best No-Code Tools for Building Websites in 2026
3. Why Every Virtual Assistant and Freelancer Should Learn No-Code
4. From Idea to Live Website in 7 Days — No Developer Needed
5. How No-Code Web Development Is Changing the Future of Work

90-Day Beginner Stage Curriculum: No-Code Web Development

Week 1: The Foundations & Core Framework

• Lesson 1: 20 Core Concepts and Terms
• Lesson 2: The Single Most Important Tool to get started and Simplest Practical Exercises to own
• Lesson 3: The Milestone Portfolio-Starter Project, Common Mistakes & Bad Habits to avoid, Signs of True Beginner Graduation

Week 2: Layout & Alignment Secrets

• Focus: Master Stacks, Flexbox, rows, columns, and directional distributions.
• Daily Action: Practice nesting frames inside other frames to create structured content cards. Learn how to prevent text from overflowing its container.

Week 3: Typography, Assets, and Visual Hierarchy

• Focus: Setting up a typography system (H1, H2, H3, and paragraph text) and importing high-quality assets.
• Daily Action: Learn how to use SVG vector icons, compress heavy imagery for web speed, and maintain proper vertical rhythm with text spacing.

Week 4: Deep Dive into Responsive Design

• Focus: Working fluidly with breakpoints, relative percentages, viewport widths (vw), and auto-sizing.
• Daily Action: Take your Week 1 milestone project and meticulously refine its tablet and mobile viewports until nothing breaks when stretching the browser window.

Week 5: Interactions, Transitions, and Component States

• Focus: Adding micro-interactions, hover effects, and simple animations to make a site feel alive.
• Daily Action: Build a navigation menu that smoothly slides in from the side on mobile devices, and add hover states to every button.

Week 6: Introduction to Structure & No-Code Databases

• Focus: Shifting thinking from static designs to dynamic content collections.
• Daily Action: Learn how data fields work. Set up a simple spreadsheet-style collection for a blog or business directory.

Week 7: Building a Dynamic Web Engine (CMS Layouts)

• Focus: Connecting your visual design pages to your data collections.
• Daily Action: Create a single blog post template page that pulls titles, content, and author images dynamically from your database collection based on whichever link is clicked.

Week 8: Forms, Data Capture, and System Alerts

• Focus: Capturing, validating, and managing user input safely.
• Daily Action: Design a multi-field inquiry or feedback form. Set up validation rules (e.g., ensuring an email address field contains an @ symbol) and success messages.

Week 9: Search, Filters, and Sorting Structures

• Focus: Allowing users to find information within your dynamic pages easily.
• Daily Action: Build a simple resource directory or portfolio page that allows users to click category buttons to filter through elements dynamically.

Week 10: Basic Logic & Introduction to Component Conditions

• Focus: Simple visibility rules (e.g., hiding or showing elements based on certain interactions).
• Daily Action: Build a toggle system (like a monthly vs. annual pricing switch) that displays different price cards based on the selected option.

Week 11: SEO, Performance Tuning, and Custom Domains

• Focus: Optimizing page speeds, title tags, meta descriptions, alt text, and final custom domain setups.
• Daily Action: Run your milestone site through speed tools, optimize large images, fix heading tags, and ensure proper preview images are set for social media sharing.

Week 12: Final Beginner Capstone Execution

• Focus: Putting every single piece of knowledge together into a brand-new, comprehensive web asset.
• Daily Action: Dedicate this week to building a robust, fully functioning multi-page dynamic platform. This can include a localized real estate directory or curated resource hub completely unassisted.