Web Application Development

WEEK 1: Introduction to Modern Web App Development

• In-Class Exercises: Development Environment

WEEK 2: React-Introduction to Front-End Development

• In-Class Exercises: React via CDN, How React Works

WEEK 3 Contd: Introduction to Web Server Frameworks

• In-Class Exercises: Node.js

WEEK 4: Building a REST API with Express

• In-Class Exercises: Express.js

WEEK 5: Building a REST API with Express

• In-Class Exercises: MERN Stack
• Assignments: Portfolio

WEEK 6: Implementing Authentication

• In-Class Exercises: MongoDB Shell, Frontend and Backend Setup

WEEK 7: Review and Test

• In-Class Exercises: Testing REST API
• Tests: MIDTERM TEST

WEEK 8: Constructing the Interactive UI

• In-Class Exercises: RESTful API, React Forms
• Assignments: Online Market Application

WEEK 9: Developing a Full-Stack Authentication Systems and Login Forms

• In-Class Exercises: MERN, Navbar

WEEK 10: Testing and Deploying a Full-Stack App

• In-Class Exercises: Sellers Activity, Shops, Products, Deployment

WEEK 11: Authentication Revised: Authentication Providers, Firebase and 2FA

• In-Class Exercises: How to Connect Your React App to Firebase, Authenticating Users With Firebase & React, How to Connect Your React App to Firebase using Vite

WEEK 12: Real-Time Applications with WebSockets and Exploring Serverless Architecture

• In-Class Exercises: WebSocket