Saltar al contenido

Detalles

# 📣 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: info@zero2hero.net
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

Temas relacionados

AI and Society
Computer Programming
ReactJS
Software Development
Web Technology

También te puede gustar