Appearance
ð āļāļģāļŦāļāļāļāļēāļĢāļāļāļĢāļĄ â
āļāđāļāļĄāļđāļĨāļāļąāđāļ§āđāļ â
- āļ§āļąāļāļāļĩāđ: 18-19 āļāļĪāļĻāļāļīāļāļēāļĒāļ 2568
- āļĢāļ°āļĒāļ°āđāļ§āļĨāļē: 2 āļ§āļąāļ (12 āļāļąāđāļ§āđāļĄāļ)
- āđāļ§āļĨāļē: 09:00 - 16:00 (āļĄāļĩāļāļąāļāļŠāļģāļŦāļĢāļąāļāļāļēāļŦāļēāļĢāļāļĨāļēāļāļ§āļąāļ 12:00-13:00)
- āļŠāļāļēāļāļāļĩāđ: [āļāļĒāļđāđāļāļĩāđāđāļāđāļāļŠāļāļēāļāļāļĩāđāļāļāļĢāļĄ]
- āļāļģāļāļ§āļāļāļđāđāđāļāđāļēāļĢāļąāļāļāļēāļĢāļāļāļĢāļĄ: [āļāļģāļāļ§āļ] āļāļ
āļ§āļąāļāļāļĩāđ 1: Backend (Laravel + MySQL) â
āđāļāļŠāļāļąāđāļ 1: Laravel Backend (09:00 - 12:00) â
- āļĢāļ°āļĒāļ°āđāļ§āļĨāļē: 3 āļāļąāđāļ§āđāļĄāļ
- āļŦāļąāļ§āļāđāļ:
- Laravel āļāļ·āļāļāļ°āđāļĢ?
- āļāļēāļĢāļāļīāļāļāļąāđāļ Laravel
- āđāļāļĢāļāļŠāļĢāđāļēāļāļāļāļāđāļāļĢāđāļāļāļāđ
- Routes āđāļĨāļ° Controllers
- Models āđāļĨāļ°āļāļ§āļēāļĄāļŠāļąāļĄāļāļąāļāļāđāļāļąāļ Database
ð āđāļāļĢāļĩāļĒāļĄāļāļąāļ§:
- āđāļĨāļāļāđāļāļ + Power bank
- PHP 8.1+ āļāļīāļāļāļąāđāļāđāļĨāđāļ§
- Code Editor (VS Code)
ð āđāļāļāļŠāļēāļĢāļāļĩāđāđāļāđ:
- Laravel āļŠāļģāļŦāļĢāļąāļāļāļđāđāđāļĢāļīāđāļĄāļāđāļ
- Routes āđāļĨāļ° Controllers
- Models āđāļĨāļ°āļāļēāļāļāđāļāļĄāļđāļĨ
āļāļąāļāļŠāļģāļŦāļĢāļąāļāļāļēāļŦāļēāļĢāļāļĨāļēāļāļ§āļąāļ (12:00 - 13:00) â
ð―ïļ āļāļēāļŦāļēāļĢāļāļĨāļēāļāļ§āļąāļāļāļąāļāđāļāļĢāļĩāļĒāļĄāđāļŦāđ
āđāļāļŠāļāļąāđāļ 2: MySQL Database (13:00 - 16:00) â
- āļĢāļ°āļĒāļ°āđāļ§āļĨāļē: 3 āļāļąāđāļ§āđāļĄāļ
- āļŦāļąāļ§āļāđāļ:
- āļāļēāļāļāđāļāļĄāļđāļĨāļāļ·āļāļāļ°āđāļĢ?
- āđāļāļĢāļāļŠāļĢāđāļēāļāļāļēāļĢāļēāļ
- SQL Queries
- phpMyAdmin
- āļāļ§āļēāļĄāļŠāļąāļĄāļāļąāļāļāđāļĢāļ°āļŦāļ§āđāļēāļāļāļēāļĢāļēāļ
ð āđāļāļĢāļĩāļĒāļĄāļāļąāļ§:
- XAMPP āļŦāļĢāļ·āļ MAMP
- phpMyAdmin
ð āđāļāļāļŠāļēāļĢāļāļĩāđāđāļāđ:
- MySQL āļŠāļģāļŦāļĢāļąāļāļāļđāđāđāļĢāļīāđāļĄāļāđāļ
- āđāļāļĢāļāļŠāļĢāđāļēāļāđāļĨāļ°āļāļēāļĢāļēāļ
- āļāļēāļĢāđāļāđāļāļēāļ phpMyAdmin
āļ§āļąāļāļāļĩāđ 2: Frontend (React) â
āđāļāļŠāļāļąāđāļ 3: React Frontend (09:00 - 12:00) â
- āļĢāļ°āļĒāļ°āđāļ§āļĨāļē: 3 āļāļąāđāļ§āđāļĄāļ
- āļŦāļąāļ§āļāđāļ:
- React āļāļ·āļāļāļ°āđāļĢ?
- Components āļāļ·āđāļāļāļēāļ
- JSX Syntax
- State āđāļĨāļ° Props
- Hooks (useState, useEffect)
ð āđāļāļĢāļĩāļĒāļĄāļāļąāļ§:
- Node.js 18+ āļāļīāļāļāļąāđāļāđāļĨāđāļ§
- npm āļŦāļĢāļ·āļ yarn
- Code Editor
ð āđāļāļāļŠāļēāļĢāļāļĩāđāđāļāđ:
- React āļŠāļģāļŦāļĢāļąāļāļāļđāđāđāļĢāļīāđāļĄāļāđāļ
- Components āļāļ·āđāļāļāļēāļ
- āļāļēāļĢāđāļŠāļāļāļāļĨāđāļĨāļ°āļāļąāļāļāļēāļĢāļāđāļāļĄāļđāļĨ
āļāļąāļāļŠāļģāļŦāļĢāļąāļāļāļēāļŦāļēāļĢāļāļĨāļēāļāļ§āļąāļ (12:00 - 13:00) â
ð―ïļ āļāļēāļŦāļēāļĢāļāļĨāļēāļāļ§āļąāļāļāļąāļāđāļāļĢāļĩāļĒāļĄāđāļŦāđ
āđāļāļŠāļāļąāđāļ 4: Integration (13:00 - 16:00) â
- āļĢāļ°āļĒāļ°āđāļ§āļĨāļē: 3 āļāļąāđāļ§āđāļĄāļ
- āļŦāļąāļ§āļāđāļ:
- āļāļēāļĢāđāļāļ·āđāļāļĄāļāđāļ Frontend + Backend
- API Calls āļāđāļ§āļĒ Fetch
- Error Handling
- āļŠāļāļēāļāļąāļāļĒāļāļĢāļĢāļĄāļĢāļ°āļāļ
- Q&A āđāļĨāļ°āļāļēāļĢāļāļīāļāļāļēāļ
ð āđāļāļāļŠāļēāļĢāļāļĩāđāđāļāđ:
- āļāļēāļĢāļāļģāļāļēāļāļĢāđāļ§āļĄāļāļąāļāļāļāļāļĢāļ°āļāļ
- āđāļāļ·āđāļāļĄāļāđāļāļāļąāļ Backend
- āļāļēāļĢāļāļąāļāļāļēāļĢ Error
Workshop (Hands-on Labs) â
Workshop 1: Laravel Backend â
āļĨāļāļāđāļāđāļāļēāļ Laravel āđāļāļĒāļŠāļĢāđāļēāļ Simple API
Workshop 2: MySQL Database â
āļŠāļģāļĢāļ§āļāļāļēāļāļāđāļāļĄāļđāļĨ āļŠāļĢāđāļēāļāļāļēāļĢāļēāļ āđāļĨāļ°āđāļŠāđāļāđāļāļĄāļđāļĨāļāļąāļ§āļāļĒāđāļēāļ
Workshop 3: React Frontend â
āļŠāļĢāđāļēāļāļŦāļāđāļē React āļāļĩāđāđāļŠāļāļāļāđāļāļĄāļđāļĨāļāļēāļāļāļēāļĢāļēāļ
Workshop 4: Full Integration â
āđāļāļ·āđāļāļĄāļāđāļāļĢāļ°āļāļāļāļąāđāļāļŦāļĄāļ: Frontend + Backend + Database
āļāļ§āļēāļĄāļāđāļāļāļāļēāļĢāļāđāļāļāļāļēāļĢāļāļāļĢāļĄ â
āļāļ§āļēāļĄāļĢāļđāđāļāļ·āđāļāļāļēāļ â
- â āđāļāđāļāļāļĄāļāļīāļ§āđāļāļāļĢāđāđāļāđ
- â āđāļāđāļēāđāļ HTML āļāļ·āđāļāļāļēāļ (āđāļĄāđāļāļąāļāļāļąāļ)
- â āđāļĄāđāļāđāļāļāļĄāļĩāļāļ·āđāļāļāļēāļāļāļēāļĢāđāļāļĩāļĒāļāđāļāļĢāđāļāļĢāļĄ
āļāļļāļāļāļĢāļāđāļāļĩāđāļāđāļāļāđāļāļĢāļĩāļĒāļĄ â
- â āđāļĨāļāļāđāļāļ (macOS, Windows, Linux)
- â Power bank āļŦāļĢāļ·āļ Charger
- â āļāļąāļāļāļķāļ (Notebook + āļāļēāļāļāļē)
Software āļāļĩāđāļāđāļāļāļāļīāļāļāļąāđāļ â
- â PHP 8.1+
- â Node.js 18+
- â Code Editor (VS Code āđāļāļ°āļāļģ)
- â XAMPP āļŦāļĢāļ·āļ MAMP (āļŠāļģāļŦāļĢāļąāļ MySQL)
- â Git (āļāđāļēāļŠāļēāļĄāļēāļĢāļ)
āļŦāļĨāļąāļāļāļēāļĢāļāļāļĢāļĄ â
āļāļĩāđāđāļāđāļĢāļąāļ â
- ð Certificate of Completion
- ð āđāļāļāļŠāļēāļĢāļāļąāđāļāļŦāļĄāļ (PDF)
- ðŧ Source Code āļāļąāļ§āļāļĒāđāļēāļ
- ð Cheat Sheet
āļāļīāļāļāļēāļĄāđāļāļīāđāļĄāđāļāļīāļĄ â
- ð§ āļŠāđāļ Email āļāļēāļĄāļāļąāļāļŦāļēāļāļĩāđāđāļāļ
- ðŽ Discord Group āļŠāļģāļŦāļĢāļąāļ Q&A
- ð Link āđāļāļĒāļąāļāđāļāļāļŠāļēāļĢāđāļāļīāđāļĄāđāļāļīāļĄ
āļāļīāļāļāđāļāļŠāļāļāļāļēāļĄ â
āļĄāļĩāļāļģāļāļēāļĄāļŦāļĢāļ·āļāļāļąāļāļŦāļē? ð
ð āđāļāļāļĩāđāļŦāļāđāļē FAQ âð āļāļīāļāļāđāļāđāļĢāļē â