First Sons Academy

Vibe Coding Bootcamp

Vibe Coding Kickoff: a free intro series for complete beginners to ship first Web3 projects with AI, no gatekeeping.

Duration

6 live sessions · Free intro series

Built to be completed while you're in the jungle with the fam — not locked in a LMS.

Curriculum Breakdown

Session-by-session, built to ship.

Each module is a mini-arc: learn just enough, ship something small, and stack proof instead of watching endless videos.

Session 1 - Vibe Coding 101: Terms, Definitions & Functions Magic(60-75 min (live/recorded))

What Vibe Coding is and how beginners use plain English + AI to start shipping immediately.

What is Vibe Coding?
Variables, functions, parameters, return, console.log
Common beginner bugs and debugging flow

Live build: Vibe score calculator + greet function in Cursor/Grok

Win: Your first 2-3 personal functions

Homework: Daily vibe checker function + screenshot share

Teaser: Next: turn words into beautiful websites!

Session 2 - Vibe Websites: HTML & CSS with AI

HTML structure and clean page layout
CSS styling basics: tags, classes, selectors
Responsive layouts (flex/grid with AI prompts)

Live build: Personal "Vibe Card" profile page (bio, badges, socials, glow buttons)

Win: Your first live personal site

Homework: Customize your page + create a crypto vibe alert card prompt

Teaser: Next: make pages do real logic and reactions.

Session 3 - Vibe Logic: Variables, Conditionals, Loops & JS Basics

Variables and data types in JavaScript
if/else decisions and loop basics (for/while)
Wiring logic into your Vibe Card

Live build: Interactive vibe checker (input -> score + message) + dynamic section upgrade

Win: A page that reacts to users

Homework: Crypto price mood checker (fake data)

Teaser: Next: buttons, events, and DOM magic.

Session 4 - Make It Interactive: Events, Buttons & DOM Magic

Event listeners (click/input)
DOM updates and simple state handling
Practical interaction patterns for beginner apps

Live build: Upgrade Vibe Card: boost vibe button (quote + animation), counter, and form

Win: A fully interactive mini-app

Homework: Add a "connect wallet" placeholder (Web3 intro)

Teaser: Next: build your first full vibe app end-to-end.

Session 5 - Build Your First Full Vibe App: Crypto Price Tracker Dashboard

Combining HTML/CSS/JS into one complete app
Events and dynamic updates in one workflow
API-fetch tease (e.g., CoinGecko) and vibe alerts

Live build: Crypto dashboard with price display + vibe alerts

Win: A shareable Web3-flavored deployed app

Homework: Personalize and add one custom feature (e.g., favorite coin)

Teaser: Next: launch prep, debugging, and premium path reveal.

Session 6 - Share, Debug, Launch & Premium Path Reveal

Debugging with AI and clean prompt-based fixes
Git basics (commit/push) and Vercel deploy flow
Portfolio tips + student showcases

Live build: Live polish + final launch walkthrough

Win: Confidence to share your work and keep shipping

Homework: Prepare your portfolio links for Phase 1 selection

Teaser: Upgrade path: on-chain builds, bots, community ops, private Discord, and client roadmap.

What You'll Ship

Real projects, not just theory.

You won't just collect lecture notes—you'll leave with links, repos, and on-chain proof you can show in a portfolio or interview.

Ship

Your first vibe functions and logic mini-builds.

Ship

A personal Vibe Card website with styling and interactivity.

Ship

A deployed crypto-flavored dashboard on Vercel.

Waitlist · Vibe Coding Bootcamp

Save your spot for this track

You're signing up for the Vibe Coding Bootcamp waitlist. Same cohort system as the main site—pre-selected for this track.

Ready to enroll?

Join the fam and start shipping.

Enrollment runs through Discord so you're not learning alone. Join, grab your role, and we'll walk you from first prompt to first on-chain ship.

Join Discord to enroll