Education

Tutorial 1 - HTML Basics

Defines the structure and content of web pages using elements like headings, paragraphs, and links.

• MDN — HTML
• W3Schools — HTML Tutorial
• See Example Code

Tutorial 2 - CSS/HTML Styling

Controls the visual design and layout of web pages — colors, fonts, spacing, and responsiveness.

• MDN — CSS
• CSS Tricks
• See Example Code

Tutorial 3 - JavaScript

Adds interactivity and dynamic behavior to web pages, allowing real-time updates, animations, and logic.

• MDN — JavaScript
• W3Schools — JS Tutorial
• See Example Code

Tutorial 4 - Git + GitHub

Enables version control and collaboration, allowing developers to track changes, manage branches, and share projects seamlessly.

• MDN — GitHub Discussions
• W3Schools — Git
• See Example Code

Tutorial 5 - React + Vite

Builds fast, component-based web interfaces using a modern development environment optimized for speed and efficiency.

• MDN — React
• Vite
• W3Schools — React
• See Example Code

Tutorial 6 - Routing, Components & Styling in React

Learn how to navigate pages, structure reusable components, and style your React apps effectively using modern tools and best practices.

• W3Schools — React Routing
• ReactJS - Components and Props
• W3Schools — Styling React using CSS
• See Example Code

Tutorial 7 - APIs + Fetching Data

Learn how to communicate with external services, fetch live data, and integrate JSON responses directly into your React components.

• API Handling in JavaScript & React
• Mozilla - Using the Fetch API
• See Example Code

Tutorial 8 - Backend Integration

Learn how to connect your React frontend to a backend server, build custom API routes, and manage data using a lightweight Express.js setup.

• ExpressJS
• GeeksForGeeks - JavaScript for Backend Development
• W3Schools — NodeJS
• See Example Code