TypeScript Mastery Guide - eLearning

Course timeline

1. Introduction to TypeScript

   Lesson 01

   • What is TypeScript
   • Why use TypeScript
   • VS Code Set up

2. TypeScript Fundamentals 

   Lesson 02

   • Primitives
   • Any and Unknown
   • Null, Undefined, Never
   • Arrays
   • Objects
   • Tuples

   Hands-On:

   • Working With Primitive Types
   • Checking for Null or Undefined Values
   • Array Exercise
   • Object Exercise
   • Model Biological Specimen Data Using TypeScript’s Type System

3. Functions

   Lesson 03

   • Function Parameters
   • Optional Default
   • Return Values
   • Throwing Errors
   • Generic Functions

   Hands-On:

   • Functions
   • Catching and Throwing Errors
   • Function Overloads
   • Create Helper Functions That Allow Us to Get Information About Our Specimens and Perform Manipulations on Their Data

4. Type Manipulation

   Lesson 04

   • Type Inference
   • Type Assertions
   • Literal Types
   • Conditional Types
   • Enums
   • Generics

   Hands-On:

   • Create Type Literals, Enums, and Conditional Types to Better Define Specific Specimens and Their Categories

5. Type Aliases

   Lesson 05

   • What Is a Type Alias
   • How to Define a Type Alias

   Hands-On:

   • Create Type Aliases for the Data Structures That We Will Use to Store Information

6. Interfaces

   Lesson 06

   • What is an Interface
   • How to Define an Interface
   • Extending and Implementing Interfaces

   Hands-on:

   • Interfaces Exercise

7. Mapped Types

   Lesson 07

   • What are Mapped Type and Use Cases
   • How to Implement Mapped Types

   Hands-on:

   • Mapped Type Exercise

8. Type Guards

   Lesson 08

   • Keyof Operator
   • Typeof Operator
   • Narrowing

   Hands-on:

   • Type of Operator Exercise
   • Narrowing Exercise

9. Classes

   Lesson 08

   • Classes Fundamentals
   • Protected, Private, and Public Modifiers
   • Inheritance
   • Generic Classes

   Hands-On:

   • Create a Basic Class
   • Implement an Interface
   • Create Classes for the Various Kingdoms of Life, and Illustrate How Concepts Like Inheritance, Polymorphism, and Abstract Classes Come In to Play

10. Modules and Namespaces

    Lesson 08

    • Introduction to Modules
    • Require and modules.export
    • ES6 Import and Export
    • Namespaces

11. Third-party Libraries

    Lesson 09

    • Introduction to Node Modules
    • Installing Third-Party Libraries with NPM
    • Inspecting Type Declarations for Third-Party Libraries
    • Declaration Files

12. Create an Express.js Application with TypeScript 

    Lesson 10

    • Create a TypeScript Express Application
    • Install Axios and Fetch Data From iDigBio App
    • Create Data Models With Classes and Specimens
    • Persist Data With MongoDB
    • Create REST Endpoints to Expose Data

    Hands-on:

    • Install Axios and Fetch Data From iDigBio API
    • Create Data Models With Classes for Specimens
    • Create Functionality to Aggregate Information About Specimens
    • Persist Data With MongoDB
    • Create REST Endpoints to Expose Data

13. Isomorphic React 

    Lesson 11

    • How to Create a React App
    • Create and Add Type for Simple Function Components
    • Configure HTTP Client to Query Express Server
    • Display Paginated Biological Specimen Data
    • Update Notes for Specimen Searches

    Hands-On:

    • Display Paginated Biological Specimen Data