O'Reilly logo
live online training icon Live Online training

TypeScript Fundamentals

Extending JavaScript for scalable, powerful web applications

Chander Dhall

Typescript is a superset of JavaScript. Typescript has been extremely popular because of its ability to allow JavaScript as it is, enable compile-time checks and make the code modular and easy to maintain. With just one line of configuration change, Typescript allows us to deploy the code into multiple versions of ECMAScript including ES 2015, 2016 or any other future version. In this hands-on training, we will go from a beginner to advanced level in just a matter of 3 hours. We will also cover advanced topics like unit testing and design patterns. The course requires no prior knowledge in TypeScript.

What you'll learn-and how you can apply it

You will learn: - Advantages of Typescript - Basic syntax including variables, type inference, enums, arrays and tuples - Types, functions, arrow functions, polymorphism, and advanced functions related concepts - Classes and Interfaces - Modules and Namespaces - Design Patterns - Unit Testing

This training course is for you because...

This training is for anyone who either does or wants to do front-end development on web-based applications/websites. The training is for all levels of professionals (beginner, intermediate or advanced) who want to increase their knowledge of TypeScript.

Prerequisites

It’s good to have some knowledge of basic web development including HTML, CSS or Javascript even though it’s not required. Pretty much anyone with some background in any programming language can follow along well.

Course Set-up

The course will show you how to use Install Typescript from scratch. We will also teach how to use TypeScript on three different editors: - Visual Studio 2017 - Visual Studio Code - WebStorm

You will need to install any one of the tools above. The instructor will be using WebStorm though.

About your instructor

  • Chander Dhall, CEO of Cazton, is an awarded Microsoft MVP, Google Developer Expert and world-renowned technology leader in architecting and implementing solutions. He's not only rescued software development teams, but also implemented successful projects under tight deadlines and difficult business constraints. His company has a proven track record of not just saving the client millions of dollars, but also providing an expedited delivery time. Chander's team of experts are internationally-acclaimed speakers in top technical conferences in the world.

    As an Azure Advisor, ASP.NET Insider, Web API Advisor, Cosmos DB Advisor, and an MVP for Visual Studio and Development Technologies, Chander has insight into new releases on technologies used by millions of developers. His critical advice, impeccable vision, futuristic strategy backed with creating and establishing best practices in the industry are some of the reasons for his unparalleled success.

    At the same time, he's a voracious and highly-respected speaker. Chander is known to elucidate critical and complex concepts while making them easy to understand. He's one man who can talk to anyone from a junior developer, a senior architect all the way to an executive and knows how to speak their language. He is the author of "Scalability Patterns" and "Building Single Page Application Using ASP.NET Core & Angular". He has utilized his amazing business sense having started a company with zero funding and turned it into a multi-million-dollar company in less than two years.

Schedule

The timeframes are only estimates and may vary according to how the class is progressing

Segment 1: Introduction and Set up Length (20 min)

  • Instructor will elucidate the advantages of TypeScript
  • Instructor will show how to install Typescript and then how to use Typescript with Visual Studio, Visual Studio Code and WebStorm
  • Participants will install TypeScript and use it on the IDE of his choice

Segment 2: Basics of TypeScript Length (15 min) - Instructor will code and explain the following: Basic Syntax, Keywords, Hello World, Type Inference, Static vs Dynamic Types, Type Definition Files, Debugging - Participants will understand the concepts and code along with the instructor

Segment 3: Enums, Arrays and Tuples Length (15 min) - Instructor will code and explain enums, arrays and tuples. - Participants will understand the concepts and code along with the instructor

Break: 10 min

Segment 4: Types and Functions Length (25 min) - Instructor will code and explain the following: Types, Functions, Arrow Functions, Polymorphism, Passing Functions, Default Values in a Function, Advanced Functions - Participants will understand the concepts and code along with the instructor

Segment 5: Classes and Interfaces Length (25 min) - Instructor will code and explain the following: Classes and Objects, Access Modifiers, Interfaces, Duck Typing, Interface Extension, Inheritance, Abstract Classes, Advanced Inheritance - Participants will understand the concepts and code along with the instructor

Break: 10 min

Segment 6: Module and Namespaces Length (10 min) - Instructor will code and explain the following: Module and Namespaces, Named Modules, Organizing Modules, Dependency Resolution - Participants will understand the concepts

Segment 7: Design Patterns in Typescript Length (40 min) - Instructor will code and explain the following: Singleton Pattern, Adapter Pattern, Strategy Pattern, Observer Pattern - Participants will understand the concepts and code along with the instructor

Segment 8: Unit Testing Length (10 min) - Instructor will code and explain the following: Introduction, Best Practices - Participants will understand the concepts and code along with the instructor