Welcome to my repository for Advanced Client-Side Development! This repository tracks my daily lab work, practical tutorials, and code implementations as a 2nd-year Computer Science student.
In this course, we focus heavily on building modern, scalable web applications using React with TypeScript.
- GitHub Repository: Maatheyshan/advanced-client-side-dev-tutorials
- Tech Stack: React, TypeScript, HTML5, CSS3, JavaScript (ES6+)
- Goal: Master client-side architecture, component design, state management, and strong typing.
| Week | Key Topics & Concepts | Main Files / Tasks |
|---|---|---|
| Week 01 | Course Introduction & Environment Setup | Project Initialization |
| Week 02 | Modern JS Refresher & React Basics | Component Structure |
| Week 03 | TypeScript Interfaces, Constant Lists, Functions, Exports & Element Flow | App.tsx, Type definitions |
| Week 04 | Upcoming | Pending |
- TypeScript Interfaces: Defined custom interfaces to enforce type safety across components.
- Data & Logic: Utilized constant lists (
const) and function calls to manage and pass structured data. - Modular Code: Practiced proper ES6 module import and export syntax across files.
- Rendering Flow: Structured layout elements and controlled the application flow directly inside
App.tsx.
To run these tutorial projects locally:
- Clone the repository:
git clone [https://github.com/Maatheyshan/advanced-client-side-dev-tutorials.git](https://github.com/Maatheyshan/advanced-client-side-dev-tutorials.git)