Web Technologies (CSC336) Labs¶
The topics include: HTML; CSS; JavaScript; jQuery/AJAX/JSON; Server-Side Technologies (Node.js/Express); Database Connectivity (MongoDB/Mongoose); REST APIs; React.js; and Web Application Security.
Each lab below includes solved lab activities (with code and solutions) and graded lab tasks, taken from the CSC336 Web Technologies Lab Manual.
| Lab # | Main Topic |
|---|---|
| Lab 01 | HTML Basics, Links and Tables |
| Lab 02 | HTML-5 Forms and New Semantic Elements |
| Lab 03 | CSS (Cascading Style Sheets) Basics |
| Lab 04 | CSS Advanced Concepts |
| Lab 05 | Designing Responsive Page Layout using Tailwind CSS / Bootstrap 5 |
| Lab 06 | JavaScript Basics |
| Lab 07 | JavaScript Form Validation, Regular Expressions |
| Lab 08 | jQuery, AJAX and JSON |
| — | Mid Term Exam |
| Lab 09 | Request/Response Handling on Server Side (Express.js) |
| Lab 10 | Working with Sessions and Middleware |
| Lab 11 | Database Connectivity through ORM/ODM (Mongoose/MongoDB) |
| Lab 12 | REST API Development and CRUD Operations |
| Lab 13 | Creating a React Application and Components |
| Lab 14 | Using Hooks, Routing and REST API Integration in React |
| Lab 15 | Web Application Security |
| — | Final Term Exam |
Ready? Start with Lab 01 — HTML Basics, Links and Tables.