BSCS4010 - App Dev Lab

This course is designed to equip students with the essential skills required for web application development roles. By the end of the course, students will be proficient in both frontend and backend technologies, understand version control best practices, and be capable of building real-time web applications. The curriculum focuses on hands-on learning, industry-relevant tools, and best coding practices to make students job-ready.

Overview of Course Setting Expectations & Goals Efficiency & Complexity Analysis Data Structures: Arrays & Strings, | | Week 2 | JavaScript Essentials for Web Development

The role of JavaScript in modern web apps ES6+ Features: let/const, arrow functions, template literals, des | | Week 3 | Developer Tools & Workflows

How the web works: Client-Server, HTTP, APIs Introduction to Git and GitHub/GitLab Version Control: init, add, commit, pu | | Week 4 | Introduction to Backend Development with Node.js & TypeScript (Part 1)

What is Node.js? Event-driven architecture & single-threaded nature Node.js in | | Week 5 | Building REST APIs with Express.js & TypeScript (Part 2)

Introduction to Express.js with TypeScript Defining routes, handling requests/responses Mid | | Week 6 | SQL & PostgreSQL

What is SQL? Relational DB concepts: Tables, Keys Learning to write basic queries in SQL Joins in SQL Data Filtering using SQL Pagi | | Week 7 | Integrating Express.js with PostgreSQL

Introduction to ORM (TypeORM or Prisma) Entity design & schema modeling Connecting Express to PostgreSQL Han | | Week 8 | Authentication & Application Security

Introduction to Authentication Hashing passwords with bcrypt JWT-based authentication Route protection and us | | Week 9 | React.js Fundamentals - Components & JSX

What is React? Understanding Virtual DOM Setting up a React Project with Vite JSX & Component-Based Archit | | Week 10 | React.js - State Management & Event Handling

Introduction to State (useState Hook) Handling User Input & Events Conditional Rendering Lists & Keys i | | Week 11 | React.js - Routing & API Integration

Introduction to React Router Implementing Navigation & Dynamic Routing Making API Calls using Fetch / Axios H | | Week 12 | Full-Stack Project - Planning & Development

Structuring a Full-Stack Application Combining React.js, Express.js, and Databases Implementing CRUD Oper |