📣 Paid event 👉 call for booking

---

👉 Standard Ticket: £549 💷

👉 Early Bird: £499 💷

👉 WhatsApp: +44 (0) 7470914266

⚡ No coding? No problem. Just bring your idea. ⚡ From Idea to Production — Build Real Apps with AI as Your Senior Developer — In 4 Weekends

🏗️ Workshop Format

• 📅 Duration: 4 Weeks (Weekends)
• ⏰ Time: 13:30 – 17:00
• 🧑‍🏫 Format: Instructor-led + Hands-on
• 👥 Style: Build together in class
• 💻 Outcome: 1 fully working production-ready app

🗺️ 4-WEEK LEARNING JOURNEY

---

🟢 WEEK 1 — “From Zero to First App”

🎯 Theme: Understand React + Think Like a Builder

Slogan: 👉 “You don’t need to know everything to start building.”

Topics:

• What is React (in simple terms)
• Components & JSX
• Props & State (core mindset)
• React project setup (Vite)
• Folder structure (real-world style)

Vibe Coding:

• Prompting AI to:
• Generate components
• Explain code
• Fix errors

Hands-on:

✅ Build your first UI (dashboard layout) ✅ Create reusable components

---

🟡 WEEK 2 — “Make It Alive”

🎯 Theme: State, Events, Lifecycle Thinking

Slogan: 👉 “Static pages don’t get jobs. Interactive apps do.”

Topics:

• useState, useEffect (lifecycles simplified)
• Event handling
• Forms & inputs
• Conditional rendering

Vibe Coding:

• AI as debugger:
• “Why is this not updating?”
• “Optimize this component”

Hands-on:

✅ Build interactive features ✅ Form submission + validation ✅ UI logic (loading, error states)

---

🔵 WEEK 3 — “Connect to the Real World”

🎯 Theme: API Integration & Real Data

Slogan: 👉 “Real developers don’t hardcode data — they connect systems.”

Topics:

• REST API basics (simple explanation)
• Fetch / Axios
• API structure understanding
• Environment variables

Vibe Coding:

• Generate API services with AI
• Debug API issues with AI prompts

Hands-on:

✅ Connect to a real API (or your Node.js backend) ✅ Display dynamic data ✅ CRUD operations (Create, Read, Update, Delete)

---

🔴 WEEK 4 — “From Project to Product”

🎯 Theme: Production, Deployment & Portfolio

Slogan: 👉 “Don’t just build it. Launch it.”

Topics:

• Code cleanup & structure
• Basic performance tips
• Deployment (Vercel / Netlify)
• GitHub project setup

Vibe Coding:

• AI for:
• Refactoring
• Documentation
• README generation

Hands-on:

✅ Deploy your app live 🌍 ✅ Prepare portfolio-ready project ✅ Demo Day (presentation)

Social Media

---

zero2hero.net - Technology Training Center

WhatsApp: +44 (0) 7470914266 E-mail: [email protected] Address: Unit 15 Castle Square, 40 Elephant Rd, London SE17 1EU

🎬 Youtube: https://www.youtube.com/c/zero2hero-meta 🐦 Twitter: https://twitter.com/zero2hero_uk 📸 Instagram for training: https://www.instagram.com/zero2hero.training 🔗 LinkedIn: https://www.linkedin.com/in/senrasim 👋 Meetup: https://www.meetup.com/zero2hero 🎟️ Eventbrite: https://zero2hero-meta.eventbrite.com