Skip to content

AI-Enabled Builder

Build, deploy, and maintain real projects with AI assistance. This is the real deal.

Time: ~20-25 hours total Prerequisites: Completed AI Power User or equivalent experience Outcome: Live website you built and deployed, plus skills to build more


Who You Become

By completing this course, you become an AI-Enabled Builder.

What is an AI-Enabled Builder?

Someone who can:

  • Build: Create functional websites, tools, and automations using AI assistance
  • Ship: Deploy projects to the real internet with confidence
  • Maintain: Keep projects running and fix issues when they arise
  • Decide: Know when to use AI, when not to, and which tool fits which problem

What You Can Say YES To

After this course:

  • "I can build and deploy a website from scratch"
  • "I can build us a landing page / internal tool / simple app"
  • "I can evaluate whether this AI tool is worth it"
  • "I can debug basic issues without calling a developer"
  • "I can learn any advanced topic when I need it"

What You Should Still Say NO To

  • Complex, mission-critical production systems
  • Security-sensitive applications (payments, health data)
  • Performance-critical applications at scale
  • Being the sole technical person at a startup (yet)

This clarity is a feature. Knowing your boundaries makes you more valuable.


Course Structure

DAY 1                    CORE                     FLAGSHIP                LEVEL 2
─────                    ────                     ────────                ───────
Quick win            →   Understand what      →   Build YOUR site    →   Go deeper
with Lovable             you built                with full control

"I deployed            "I know how            "I can build &           Optional
something!"            this works"            ship anything"           specializations

(1-2 hours)            (~12-15 hours)         (~4-6 hours)

Core Modules

Module 0: Day 1 Quick Win

Build and deploy something TODAY before learning theory.

  • Create with Lovable in 30 minutes
  • See it live on the internet
  • Understand the gap we'll close

Module 1: How the Web Works

What you're building and what AI generates.

  • What happens when you visit a website
  • HTML, CSS, JavaScript (just enough to read code)
  • Frontend vs Backend
  • URLs, domains, DNS basics

Module 2: Your Development Environment

Set up your workspace.

  • VS Code setup (Windows & Mac)
  • Essential extensions
  • Terminal basics (cd, ls, mkdir)
  • Package managers (npm)
  • Troubleshooting common setup issues

Module 3: Understanding AI Tools

What's behind the "magic."

  • How LLMs work (non-technical)
  • Context windows and tokens
  • AI Chat vs AI Agents
  • Platform comparison: Lovable, Cursor, Copilot, Claude Code
  • When to use which

Module 4: Prompt Engineering for Code

Get better results when building.

  • Prompting for code specifically
  • Context management for projects
  • CLAUDE.md files
  • When AI is wrong (and what to do)

Module 5: Essential Formats

The formats you'll encounter constantly.

  • Markdown
  • JSON
  • Environment variables (.env)
  • REST APIs
  • Reading API documentation

Module 6: Security & Privacy

Modern web security basics.

  • API keys (the golden rule)
  • OAuth ("Login with Google")
  • Common security mistakes
  • What NOT to put in your code

Module 7: Version Control with Git

Never lose work again.

  • Why version control exists
  • Git concepts (commits, branches, push/pull)
  • GitHub Desktop (visual approach)
  • Basic Git commands
  • Troubleshooting

Module 8: Debugging

What to do when things break.

  • Mindset: Errors are normal
  • Reading error messages
  • Chrome DevTools
  • How to Google errors effectively
  • Common beginner issues (CORS, modules, ports)

Module 9: Deployment & Maintenance

Get it live AND keep it running.

  • Localhost vs production
  • Netlify / Vercel deployment
  • Custom domains and DNS
  • CI/CD basics
  • The reality of maintenance (what breaks, how to monitor)

Module 10: Knowing When NOT To

The judgment that separates builders from tool-followers.

  • When NOT to use AI
  • When NOT to automate
  • When NOT to build (use existing tools)
  • Cost & risk awareness
  • Decision trees for common choices

Flagship Project: Your Website

Everyone does this. This is your proof.

After completing the core modules, you build and deploy YOUR website.

What You'll Build

A live website on a custom domain that:

  • Auto-deploys when you push changes
  • You fully understand and can modify
  • You can show anyone: "I built this"

Why This Project?

What You ProveHow
You can build with AIUsing VS Code + AI assistance
You understand what AI generatesReading and modifying the code
You can use version controlGit + GitHub
You can deployNetlify with custom domain
You own your workYour domain, your code

Project Ideas

Job hunting: Portfolio site, resume as a website Business: Landing page, product showcase Personal: About me, blog, project documentation

Deliverable

  • Live website at yourname.com
  • GitHub repository with your code
  • Auto-deploy configured
  • You can explain how it all works

Level 2 Specializations

After your flagship project, go deeper in directions that interest you.

Specialization A: Knowledge System

Build a powerful, version-controlled note-taking system.

  • Advanced Markdown
  • VS Code for writing
  • Git for version history
  • Optional: Publish as a website

Specialization B: MCP Integration

Connect AI to your systems.

  • What MCP is and does
  • Claude Desktop setup
  • Existing integrations
  • Building simple connections

Specialization C: Browser Automation

Automate repetitive browser tasks.

  • Playwright basics
  • Selectors and actions
  • AI-assisted automation
  • Ethical considerations

Specialization D: Claude Code Workflows

Advanced AI development.

  • CLI-based AI agents
  • CLAUDE.md files
  • Agents and Skills
  • Hooks for automation

Post-Course Growth

These topics are NOT part of this course - they're for later when you need them.

  • Python: When you want AI/ML or backend scripting
  • Docker: When you need consistent environments
  • Databases: When you need persistent data storage
  • GraphQL: When you work with GraphQL APIs

Resources & Community

Where to Get Help

  • Stack Overflow (search first)
  • Discord: Anthropic, Cursor, Next.js communities
  • Reddit: r/learnprogramming, r/webdev

Costs & Free Tiers

ServiceFree Tier
GitHubUnlimited public repos
Netlify100GB bandwidth/month
Vercel100GB bandwidth/month
Claude APIPay per use
CursorFree tier available

The Permission You Need

After completing this course and shipping your flagship project:

  • Call yourself an AI-Enabled Builder
  • Point to your live website: "I built this"
  • Build tools for your team or clients
  • Charge money for what you build
  • Say "I don't know, but I can figure it out"

Getting Started

Prerequisites

  1. Complete AI Power User first (or have equivalent experience)
  2. Set aside ~20-25 hours total
  3. Have a project idea in mind (even a simple personal site)

What You'll Need

  • Computer (Mac, Windows, or Linux)
  • Internet connection
  • ~$10-20 for a domain name (optional but recommended)

First Step

Start with Module 0: Day 1 Quick Win. Build something in the first hour.


Course by SFLOW. Updated January 2025.

SFLOW BV - Polderstraat 37, 2491 Balen-Olmen