DI05000131 · Semester 5 · 5G scheme
Client - Side Scripting Language (TypeScript)
Notes and solutions following the Gujarat Technological University (GTU) syllabus for DI05000131. Independent material — not issued by the university.
Computer EngineeringComputer Science & Engineering
Materials
Complete Book
The whole syllabus, unit by unit, written for the exam.
Complete Book
215 pages
Premium Preview · 15 pages
Syllabus units
Unit 1: Introduction to TypeScript
- Need for TypeScript in modern web development
- Limitations of JavaScript
- Features of TypeScript
- Installing Node.js and TypeScript
- TypeScript Compiler (tsc)
- Writing and compiling first TypeScript program
- TypeScript configuration (tsconfig.json)
- Using TypeScript in browser applications
Unit 2: TypeScript Basics
- Basic Data Types: number, string, boolean, any, unknown, void, null & undefined
- Type inference
- Variables and constants
- Basic Operators (Arithmetic, Logical, Comparison)
- Arrays and Tuples
- Union Types
- Type Aliases
- Enums
Unit 3: Functions and Advanced Types
- Functions in TypeScript
- Function parameters: optional parameters, default parameters, rest parameters
- Arrow functions
- Function overloading
- Type assertions
- Introduction to Generics (conceptual understanding)
- Error handling using try-catch
- Compile-time vs runtime errors
Unit 4: Object-Oriented Programming and Code Organization
- Classes and Objects
- Constructors
- Access Modifiers: public, private, protected
- Getters and Setters
- Inheritance
- Interfaces
- Abstract classes
- Static members
- Modules: Import and Export
- Namespace vs Modules
- Real-world examples (Student/Product systems)
Unit 5: Modules, DOM Programming, and Backend Integration
- DOM manipulation using TypeScript
- Accessing and modifying HTML elements
- Event Handling and Form Processing: Typed events, Working with HTML forms, Form input handling and validation
- Fetch API and JSON Handling: Working with API responses, JSON parsing and handling, Displaying dynamic data in HTML
- Backend and API Concepts: Concept of backend in web applications, Communication between frontend and backend using APIs, Overview of client-server architecture
- Backend Integration and Database Connectivity: Using any backend technology (Recommended: PHP)
About this course
Modern web applications require scalable, maintainable, and type-safe code. TypeScript enhances JavaScript by adding static typing, modern object-oriented features, and strong tooling support, and it is widely used in frameworks such as Angular, React, and Node.js. This course helps students transition from basic JavaScript to professional front-end development practices, enabling them to build structured and maintainable web applications used in industry.