TOIT Training

TypeScript Masterclass

TypeScript Masterclass
  • Overview
  • Curriculum
  • Reviews

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.

  • 11 Sections
  • 49 Lessons
  • 0 Quizzes
  • 0m Duration
Expand All

Introduction to TypeScript

3 Lessons 0 Quizzes
  • The Benefits of TypeScript
  • Installing & Compiling
  • Type Basics

TypeScript Configuration and Types

5 Lessons 0 Quizzes
  • Better Workflow with tsconfig
  • Arrays & Object Literals
  • Functions
  • Any
  • Tuples

Advanced Types

5 Lessons 0 Quizzes
  • Interfaces
  • Type Aliases
  • Union Types
  • Type Guards
  • More About Interfaces & Type Aliases

Interfaces and Functions

4 Lessons 0 Quizzes
  • Reusable Interfaces
  • Function Signatures
  • Extending Interfaces
  • Extending Type Aliases

Classes in TypeScript

6 Lessons 0 Quizzes
  • Making a Class
  • Access Modifiers
  • Classes as Types
  • Inheritance
  • Classes with Interfaces
  • Abstract

Project - CSV Writer

2 Lessons 0 Quizzes
  • CSV Writer Project (part 1)
  • CSV Writer Project (part 2)

Generics

5 Lessons 0 Quizzes
  • Generics 101
  • Intersection Types
  • Generic Interfaces
  • Generic Classes
  • Generic Constraints

Project Refactor - CSV Writer

2 Lessons 0 Quizzes
  • CSV Writer Refactor (part 1)
  • CSV Writer Refactor (part 2)

TypeScript for the Web

9 Lessons 0 Quizzes
  • 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

Using TypeScript with Frameworks

6 Lessons 0 Quizzes
  • Using TypeScript with Next.js
  • Making a Next Application
  • Components & Props
  • Fetching Data
  • Type Definition Files
  • Typed Links

Extras

2 Lessons 0 Quizzes
  • Sets
  • Enums

0

0 Ratings
5 Star 0%
4 Star 0%
3 Star 0%
2 Star 0%
1 Star 0%

Reviews

Free

Start Course

Retake Course

Are you sure you want to retake the course? This action will permanently delete all your progress in this course.

Course Includes

  • 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

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

TypeScript Masterclass
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)