This TypeScript course offers a comprehensive journey through the essentials and advanced features of TypeScript, designed to equip learners with a robust set of skills for type-safe web development. Starting with the basics of TypeScript, including its benefits, installation, and compilation, the course progresses through type annotations, advanced types, and configuration techniques to optimize development workflows. Participants delve into object-oriented programming concepts with classes, interfaces, and generics, enhancing code reusability and maintainability. The curriculum also covers practical web development skills, applying TypeScript in real-world projects using Parcel and Next.js, culminating in the creation of typed web applications. Through hands-on projects like a CSV writer and a data resource class, learners apply concepts such as generics, type assertion, and querying the DOM, ensuring they are well-prepared to use TypeScript effectively in diverse development scenarios.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
TypeScript Compilation - Understanding how to install TypeScript and compile TypeScript files into JavaScript
Type Annotation - Learning the basics of type annotations for variables, functions, and objects to ensure type safety
TypeScript Configuration - Mastering the use of tsconfig.json for optimizing the TypeScript workflow
Advanced Types - Gaining knowledge in using arrays, tuples, union types, and type guards to manage complex data structures
Interfaces and Type Aliases - Learning to define and extend interfaces and type aliases for reusable code patterns
Class-Based Development - Understanding how to define classes, implement inheritance, and use access modifiers for encapsulation
Generics - Mastering the use of generics to create flexible and reusable components and functions
Web Development with TypeScript - Applying TypeScript in web development, including using modules like Parcel, working with the DOM, and managing form data
Integration with Next.js - Learning to use TypeScript in Next.js applications, including component typing, fetching data, and using typed links
TypeScript Extras - Exploring additional TypeScript features like enums and sets for more efficient coding practices
01. Introduction to TypeScript
- The Benefits of TypeScript
- Installing & Compiling
- Type Basics
02. TypeScript Configuration and Types
- Better Workflow with tsconfig
- Arrays & Object Literals
- Functions
- Any
- Tuples
03. Advanced Types
- Interfaces
- Type Aliases
- Union Types
- Type Guards
- More About Interfaces & Type Aliases
04. Interfaces and Functions
- Reusable Interfaces
- Function Signatures
- Extending Interfaces
- Extending Type Aliases
05. Classes in TypeScript
- Making a Class
- Access Modifiers
- Classes as Types
- Inheritance
- Classes with Interfaces
- Abstract Classes
06. Project - CSV Writer
- CSV Writer Project (part 1)
- CSV Writer Project (part 2)
07. Generics
- Generics 101
- Intersection Types
- Generic Interfaces
- Generic Classes
- Generic Constraints
08. Project Refactor - CSV Writer
- CSV Writer Refactor (part 1)
- CSV Writer Refactor (part 2)
09. TypeScript for the Web
- Chapter Introduction
- Using Parcel
- Data Resource Class
- Making a Pizza Model
- Fetching Data
- Finishing the Data Resource Class
- Querying the DOM
- Type Assertion
- Form Data
10. Using TypeScript with Frameworks
- Using TypeScript with Next.js
- Making a Next Application
- Components & Props
- Fetching Data
- Type Definition Files
- Typed Links
11. Extras
- Sets
- Enums
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
TypeScript Compilation - Understanding how to install TypeScript and compile TypeScript files into JavaScript
Type Annotation - Learning the basics of type annotations for variables, functions, and objects to ensure type safety
TypeScript Configuration - Mastering the use of tsconfig.json for optimizing the TypeScript workflow
Advanced Types - Gaining knowledge in using arrays, tuples, union types, and type guards to manage complex data structures
Interfaces and Type Aliases - Learning to define and extend interfaces and type aliases for reusable code patterns
Class-Based Development - Understanding how to define classes, implement inheritance, and use access modifiers for encapsulation
Generics - Mastering the use of generics to create flexible and reusable components and functions
Web Development with TypeScript - Applying TypeScript in web development, including using modules like Parcel, working with the DOM, and managing form data
Integration with Next.js - Learning to use TypeScript in Next.js applications, including component typing, fetching data, and using typed links
TypeScript Extras - Exploring additional TypeScript features like enums and sets for more efficient coding practices
COURSE OUTLINE
01. Introduction to TypeScript
- The Benefits of TypeScript
- Installing & Compiling
- Type Basics
02. TypeScript Configuration and Types
- Better Workflow with tsconfig
- Arrays & Object Literals
- Functions
- Any
- Tuples
03. Advanced Types
- Interfaces
- Type Aliases
- Union Types
- Type Guards
- More About Interfaces & Type Aliases
04. Interfaces and Functions
- Reusable Interfaces
- Function Signatures
- Extending Interfaces
- Extending Type Aliases
05. Classes in TypeScript
- Making a Class
- Access Modifiers
- Classes as Types
- Inheritance
- Classes with Interfaces
- Abstract Classes
06. Project - CSV Writer
- CSV Writer Project (part 1)
- CSV Writer Project (part 2)
07. Generics
- Generics 101
- Intersection Types
- Generic Interfaces
- Generic Classes
- Generic Constraints
08. Project Refactor - CSV Writer
- CSV Writer Refactor (part 1)
- CSV Writer Refactor (part 2)
09. TypeScript for the Web
- Chapter Introduction
- Using Parcel
- Data Resource Class
- Making a Pizza Model
- Fetching Data
- Finishing the Data Resource Class
- Querying the DOM
- Type Assertion
- Form Data
10. Using TypeScript with Frameworks
- Using TypeScript with Next.js
- Making a Next Application
- Components & Props
- Fetching Data
- Type Definition Files
- Typed Links
11. Extras
- Sets
- Enums