![Understanding TypeScript - 2020 Edition [Video]](https://content.packt.com/V12979/cover_image_small.jpg)
Understanding TypeScript - 2020 Edition [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$63.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$63.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterGetting Started
-
TypeScript Basics & Basic Types
- Module Introduction
- Using Types
- TypeScript Types vs JavaScript Types
- Working with Numbers, Strings & Booleans
- Type Assignment & Type Inference
- Object Types
- Arrays Types
- Working with Tuples
- Working with Enums
- The 'any' Type
- Union Types
- Literal Types
- Type Aliases / Custom Types
- Function Return Types & 'void'
- Functions as Types
- Function Types & Callbacks
- The 'unknown' Type
- The 'never' Type
- Wrap Up
-
The TypeScript Compiler and Configuration
- Module Introduction
- Using 'Watch Mode'
- Compiling the Entire Project / Multiple Files
- Including & Excluding Files
- Setting a Compilation Target
- Understanding TypeScript Core Libs
- More Configuration & Compilation Options
- Working with Source Maps
- rootDir and outDir
- Stop Emitting Files on Compilation Errors
- Strict Compilation
- Code Quality Options
- Debugging with Visual Studio Code
- Wrap Up
-
Next-generation JavaScript & TypeScript
-
Classes & Interfaces
- Module Introduction
- What are Classes?
- Creating a First Class
- Compiling to JavaScript
- Constructor Functions & The 'this' Keyword
- 'private' and 'public' Access Modifiers
- Shorthand Initialization
- 'readonly' Properties
- Inheritance
- Overriding Properties & The 'protected' Modifier
- Getters & Setters
- Static Methods & Properties
- Abstract Classes
- Singletons & Private Constructors
- Classes - A Summary
- A First Interface
- Using Interfaces with Classes
- Why Interfaces?
- Readonly Interface Properties
- Extending Interfaces
- Interfaces as Function Types
- Optional Parameters & Properties
- Compiling Interfaces to JavaScript
- Wrap Up
-
Advanced Types
-
Generics
-
Decorators
- Module Introduction
- A First-Class Decorator
- Working with Decorator Factories
- Building More Useful Decorators
- Adding Multiple Decorators
- Diving into Property Decorators
- Accessor & Parameter Decorators
- When Do Decorators Execute?
- Returning (and changing) a Class in a Class Decorator
- Other Decorator Return Types
- Example: Creating an 'Autobind' Decorator
- Validation with Decorators - First Steps
- Validation with Decorators - Finished
- Wrap Up
-
Practice Time! Let's build a Drag & Drop Project
- Module Introduction
- Getting Started
- DOM Element Selection & OOP Rendering
- Interacting with DOM Elements
- Creating & Using an 'Autobind' Decorator
- Fetching User Input
- Creating a Re-Usable Validation Functionality
- Rendering Project Lists
- Managing Application State with Singletons
- More Classes & Custom Types
- Filtering Projects with Enums
- Adding Inheritance & Generics
- Rendering Project Items with a Class
- Using a Getter
- Utilizing Interfaces to Implement Drag & Drop
- Drag Events & Reflecting the Current State in the UI
- Adding a Droppable Area
- Finishing Drag & Drop
- Wrap Up
-
Modules & Namespaces
-
Using Webpack with TypeScript
-
3rd Party Libraries & TypeScript
-
Time to Practice! Let's build a "Select & Share a Place" App (incl. Google Maps)
-
React.js & TypeScript
- Module Introduction
- Setting Up a React + TypeScript Project
- How Do React + TypeScript Work Together?
- Working with Props and Types for Props
- Getting User Input with 'refs'
- Cross-Component Communication
- Working with State & Types
- Managing State Better
- More Props & State Work
- Adding Styling
- Types for other React Features (e.g. Redux or Routing)
- Wrap Up
-
Node.js + Express & TypeScript
-
Course Roundup
About this video
Most people know TypeScript from Angular 2+. It's the language you must use there, right? It's more than that! Learn what TypeScript is, why it really is a powerful addition to JavaScript, what its features are, and how to use it! And while doing so, also understand what you're doing in your Angular code.
This course takes you from the very basics and its most important feature (Types!) to a point where you're able to use TypeScript in any of your projects—ReactJS projects included! As TypeScript is developed by Microsoft and used a lot by Angular 2+ (Google), it's here to stay. Gain an edge today and be amongst the first to really understand TypeScript!
A Journey into the Future - As TypeScript code can be compiled to ES5, you'll be amazed by the many next-gen features you can start using today. ES6 features such as destructuring or arrow functions, decorators, generics and interfaces or modules—TypeScript has them all! In this course, we'll not stop at the basics. You will learn about more advanced features and how to set up workflows with TypeScript. This includes TypeScript-only workflows as well as workflows using Gulp or Webpack. You'll also learn that you're not limited to Angular 2+ or plain JavaScript/TypeScript projects. One complete module covers how to use TypeScript with ReactJS to benefit from its features, too. You'll practice what you learn.
Watching videos is a great way to learn. And for a lot of students, it's the best way. If you also want to practice the things you learn, this course offers you exercises (and solutions) in many of the course modules. So much content!
In this course, you'll get insights into:
- Types and how to use them
- How the TypeScript compiler works
- ES6 features in TypeScript
- Classes in TypeScript
- Namespaces and modules
- Interfaces, generics, and decorators
- How to integrate third-party JavaScript libraries into your TypeScript projects
- How to set up a TypeScript project with Webpack
- Or how to set up a plain TypeScript workflow
- How to use TypeScript together with ReactJS
- How to use TypeScript together with Node/Express
- Real projects and use cases!
All the code and supporting files for this course are available at - https://github.com/PacktPublishing/Understanding-TypeScript-2020-Edition
- Publication date:
- October 2018
- Publisher
- Packt
- Duration
- 14 hours 55 minutes
- ISBN
- 9781789951905