Typescript Bootcamp: Beginner To Advanced (2023 Edition)

Focused View

Angular University

14:30:30

26 View

1. Introduction To Typescript

1. Typescript The Ultimate Bootcamp - Helicopter View.mp4

09:06

2. IMPORTANT.html

3. Setting Up the Development Environment - Node, Git and IDE.mp4

03:44

4. Why Typescript Understand the Key Benefits of the Language.mp4

12:33

5. Quiz - Understanding the benefits of the Typescript language.html

6. Compiling Your First Typescript Program.mp4

05:18

7. Quiz - Understand the basics of the Typescript compiler.html

8. The Typescript compiler noEmitOnError flag.mp4

02:29

9. Running a Typescript Program in a Browser.mp4

06:21

2. Deep Dive Into The Typescript Type System

1. Understanding the differences between const, let and var.mp4

06:22

2. Quiz - Understand the differences between const, let and var.html

3. Typescript primitive types - numbers, strings and booleans.mp4

07:59

4. Quiz - Primitive Types.html

5. Typescript Template Strings.mp4

03:47

6. Quiz - Template Strings.html

7. Understanding Type Inference - The most powerful feature of Typescript.mp4

03:39

8. When to use Typescript Type Annotations and Why.mp4

06:59

9. Quiz - Type Inference.html

10. Typescript Static Type System vs Javascript Dynamic Type System.mp4

06:01

11. Typescript Primitive Types - Objects.mp4

08:01

12. Typescript Nested Object Types.mp4

02:31

13. Understanding the Differences Between Null and Undefined.mp4

08:06

14. Quiz - Null vs Undefined.html

15. Typescript Optional Chaining - How To Avoid Null-Related Errors.mp4

07:06

16. Understanding The Typescript Null Coalescing Operator.mp4

02:44

17. Typescript Optional Chaining - Best Practices For When To Use It Or Not.mp4

04:44

18. Typescript Primitive Types - Arrays.mp4

02:40

19. Typescript Enums - Our First Custom Type.mp4

05:37

20. Understanding The Typescript Any Type - And Why You Should Avoid It.mp4

04:28

21. Avoid Implicit Any Types With The noImplicitAny Compiler Flag.mp4

05:28

22. Understanding Typescript Union Types - Nullable Variables.mp4

06:08

23. Typescript Strict Null Checks and the strictNullChecks Compiler Flag.mp4

03:17

24. Typescript Non Null Assertion Operator.mp4

04:58

25. Understanding Typescript Literal Types - When Are They Useful.mp4

07:03

26. Understanding Typescript Type Aliases - Our First Custom Type.mp4

03:14

27. Typescript Interfaces - Defining Custom Object Types.mp4

03:54

28. Typescript Type Aliases vs Interfaces - When to Use Which And Why.mp4

05:15

29. Understanding Typescript Type Assertions.mp4

06:30

3. Deep Dive Into Typescript Modules, Imports and Exports

1. Introduction To Typescript Modules - Exports and Imports.mp4

04:33

2. Typescript Module Re-Exports - Building an Import Barrel.mp4

07:17

3. Typescript Modules - Default Exports And The Import As Syntax.mp4

04:11

4. Typescript - Commonly Used Language Features

1. Arrow Functions vs Normal Functions - Understanding The This Context.mp4

10:18

2. Typescript Default Function Parameters.mp4

03:50

3. The Typescript Object Spread Operator.mp4

07:21

4. Typescript Object Destructuring.mp4

05:12

5. Typescript Array Spread and Destructuring Operators.mp4

03:37

6. Typescript Rest Function Arguments.mp4

03:54

7. Debugging Typescript In The Browser - Step-By-Step Tutorial.mp4

06:39

8. Debugging Typescript In Node - Step-By-Step Tutorial.mp4

05:54

9. Typescript Shorthand Object Creation Notation.mp4

02:42

5. Typescript Functions In Depth

1. Introduction to Typescript Functions.mp4

05:04

2. Typescript Functions At Runtime - Function Values.mp4

04:12

3. Typescript Custom Function Types.mp4

06:38

6. Typescript Advanced Language Features

1. Typescript Tuples - How To Use Them.mp4

05:32

2. Understanding The Typescript Unknown Type.mp4

08:11

3. Understanding Typescript Type Narrowing and Type Predicates.mp4

06:29

4. Understanding Typescript Never Type.mp4

08:55

5. Typescript Intersection Types.mp4

02:33

7. Typescript Compiler Option In Depth (tsconfig.json)

1. Introduction to tsconfig.json - The target Property.mp4

05:21

2. Using a Custom Name for the Compiler Configuration File.mp4

03:52

3. Controlling What Files To Compile - The files tsconfig.json property.mp4

05:24

4. Controlling What Files To Compile - include and exclude.mp4

05:22

5. The tsconfig.json outdir and rootDir properties.mp4

03:33

6. The tsconfig.json module property.mp4

03:32

7. Choosing What Libraries To Include Wth tsconfig.json lib and nolib properties.mp4

05:37

8. Typescript Compiler baseUrl Option.mp4

02:33

9. Understanding typeRoots, types and the skipLibCheck Compiler Options.mp4

08:43

10. Including Plain Javascript in a Typescript project - allowJs and checkJs.mp4

04:23

11. Typescript Compiler - Miscellaneous Options.mp4

04:01

8. Object Oriented Programming in Typescript

1. Introduction To Typescript Classes.mp4

03:10

2. Writing Our First Typescript Class - The Constructor.mp4

08:05

3. Typescript Classes - Member Variables.mp4

07:05

4. Typescript Read-Only Class Member Variables.mp4

01:28

5. Typescript Getters and Setters.mp4

05:48

6. Does Typescript Support Multiple Constructors.mp4

03:37

7. Understanding The This Keyword When Used In a Class.mp4

03:55

8. Understanding Typescript Static Variables.mp4

05:11

9. Understanding Typescript Static Class Methods.mp4

04:32

10. Introduction To Object Oriented Inheritance.mp4

03:01

11. The Extends Keyword - Creating a Child Class.mp4

07:35

12. Understanding the Protected Keyword.mp4

05:03

13. Typescript Abstract Classes.mp4

05:26

14. Objected-Oriented Interfaces.mp4

07:06

15. The Singleton In Typescript - An Object-Oriented Design Pattern.mp4

08:16

9. Typescript Generics In Depth

1. New Section - Introduction To Typescript Generics.mp4

05:09

2. Commonly Used Generic Libraries.mp4

03:19

3. The Typescript Optional Interface.mp4

06:48

4. The Typescript Read Only Interface.mp4

05:09

5. Introduction To Generic Functions.mp4

07:26

6. Generic Functions With Multiple Generic Parameters.mp4

04:05

7. Typescript Generics - Type Constraints and the extends Keyword.mp4

03:10

8. Typescript Generics - Understanding the keyof Operator.mp4

07:27

9. Typescript Generic Classes.mp4

04:58

10. Typescript Decorators In Depth

1. Introduction To Typescript Decorators - How Do They Work.mp4

10:47

2. Introduction To Typescript Method Decorators.mp4

09:47

3. Understanding The MethodDecorator Function Signature.mp4

07:35

4. Typescript Method Decorators - Step-By-Step Implementation.mp4

12:10

5. Applying Multiple Typescript Decorators To The Same Method.mp4

05:32

6. Typescript Class Decorators.mp4

08:22

7. Typescript Property Decorators.mp4

12:46

11. Typescript Practical Project - Building a Node REST API with TypeORM and Express

1. New Section - Building a Secure Node REST API From Scratch In Typescript.mp4

04:48

2. Kickstarting Our Node Project With npm init.mp4

04:13

3. Setting Up An Express Server From Scratch.mp4

06:46

4. Writing Our First Express Endpoint.mp4

05:23

5. How To Add Hot-Reload To Our Typescript Development Environment.mp4

07:22

6. Parsing Command Line Arguments in a Node Program.mp4

07:46

7. Adding Support For Multiple Environments Using dotenv.mp4

04:51

8. Making The Server Port Number Configurable.mp4

03:47

9. Setting Up The Winston Logging Library.mp4

10:52

10. Setting a Cloud SQL Database With Heroku and Postgres.mp4

05:15

11. Introduction To TypeORM.mp4

04:38

12. Setting Up a Database Connection With TypeORM.mp4

08:55

13. Setting Up Our First TypeORM Model.mp4

08:33

14. Modelling a One To Many Relationship in TypeORM.mp4

05:39

15. Generating a Database Schema Using TypeORM.mp4

06:27

16. Trying Out TypeORM - Populating The Database.mp4

09:36

17. Populating a Database With TypeORM - Repositories.mp4

10:12

18. Writing a Database Cleanup Script With TypeORM.mp4

05:40

19. Implementing a Data Retrieval Express Endpoint Using TypeORM.mp4

09:19

20. Eager Fetching a One To Many Relationship Using TypeORM.mp4

03:28

21. Error Handling In Asynchronous Express Endpoints.mp4

06:37

22. Overridding the Express Default Error Handling Behavior.mp4

09:51

23. Adding CORS Capabilities To An Express Server.mp4

07:19

24. Filtering Query Results In TypeORM - Part 1.mp4

06:19

25. Filtering Query Results In TypeORM - Part 2.mp4

06:13

26. Implementing The Find Course Lessons Endpoint.mp4

07:01

27. Performing a SQL Join With TypeORM.mp4

08:42

28. Setting Up an Express JSON Body Parser.mp4

07:03

29. Implementing an Express PATCH Update Endpoint.mp4

07:26

30. Controlling The Transaction Isolation Level With TypeORM.mp4

09:42

31. Implementing a POST Create Entity Endpoint.mp4

08:25

32. Implementing an Express DELETE Endpoint.mp4

08:25

12. Securing a Node REST API With Typescript

1. New Section Introduction - Securing a Node REST API With Typescript.mp4

04:15

2. Setting Up The TypeORM Users Entity.mp4

07:33

3. Populating the USERS Table With User Credentials.mp4

05:32

4. Creating Password Digests Using the Node Crypto Module.mp4

07:38

5. Hashing a Password To Store It In The Database.mp4

08:36

6. Implementation of a Create User POST Endpoint.mp4

12:27

7. Implementing a Login Endpoint - Initial Skeleton.mp4

07:45

8. Login Endpoint - Validating The User Password.mp4

05:27

9. Understanding JWTs - JSON Web Tokens.mp4

10:23

10. Setting Up The jsonwebtoken Node Library.mp4

06:25

11. Creating And Signing An Authentication JWT.mp4

06:59

12. Designing an Express Authentication Middleware.mp4

05:33

13. Step-By-Step Implementation of an Authentication Middleware.mp4

11:56

14. Role Based Authorization Using an Express Middleware.mp4

10:58

13. Conclusion

1. Other Courses.mp4

02:17

2. Bonus Lecture.html

3. Conclusions and Key Takeaways.mp4

05:00

Description

Learn Typescript theory in depth, then apply it in practical projects: Node REST API with Express, TypeORM and more

What You'll Learn?

Code in Github repository with downloadable ZIP files per section
Learn the Typescript language in depth, including it's most advanced features
Build practical real-world project in both the backend and the frontend
Every feature covered, including: Object Oriented Programming, Generics, Decorators
Build a Secure Node REST API with Express and TypeORM

Who is this for?

Frontend developers looking to learn the language is taking over frontend development

Backend developers doing a transition to full stack development

Javascript Developers looking to learn Typescript

Node Developers looking to learn how to leverage Typescript

Frontend Developers looking to learn how to use Typescript to build a backend

What You Need to Know?

Some previous knowledge of web development, preferably in Javascript

More details

Description
This course covers in-depth the Typescript language and includes several practical projects. It comes with a running Github repo.
This Course in a Nutshell
One of the biggest novelties in the Javascript frontend development space in the last few years is that the use of Typescript has become almost universal.
To the point that it almost does not make sense anymore to start a new project and not use Typescript, given its huge advantages, and almost no downsides.
And this includes projects not only in Node, but also in React, Angular, and any other Javascript-based frontend framework.
Typescript is a strongly typed language that is a superset of Javascript, meaning that Javascript programs are valid Typescript programs (depending on the settings we use for the compiler), but not the other way around.
So in a nutshell, this means that you can see Typescript as a better and improved version of Javascript.
But even though superficially similar, Typescript due to its powerful type system is actually a completely different language than Javascript.
The static type system of Typescript provides many advantages as it allows us to catch many program errors at development instead of at runtime, and it enables powerful development tooling such as precise auto-completion and different types of refactoring.
But to benefit from the power of the type system, we actually don't have to add type annotations everywhere and end up with code that looks like Java or C#, and sacrifice flexibility, development speed and readability.
The type system can automatically infer the types of most variables automatically, without us having to declare them explicitly, meaning that we can essentially write type-safe Javascript-like code with minimal type annotations.
This powerful type inference is really the killer language feature that makes Typescript the preferred way of starting both a frontend and a backend project today: we get all the benefits of a static type system essentially for free, with no downsides.
Course Overview
This course is divided into multiple sections, that you can take directly depending on your previous level of familiarity with the language. So there are multiple learning paths available for you, depending on your previous experience.
The course will start with a deep dive into all the language features starting with the most basic ones but covering also in detail the most advanced features.
So if you are already familiar with some of the features you can skip ahead, and focus only on the features that you aren't aware of yet.
We will present the language features from the most elementary ones to the most advanced, and we will cover first the features that are most commonly used.
For completeness, we will also cover a lot of features that are rarely used, but we will point that out explicitly, especially if it's a feature that you are very unlikely to ever use while coding at the application level.
Besides the language features, we are going to dedicate a full section to the configuration of the Typescript compiler, and go over every option you have available.
We will make it clear when a compiler feature is rarely needed when compared with features that you will be using all the time.
We will still cover everything for completeness, but we want to give you the option to focus only on the most commonly used compiler options if that is what you prefer.
After this initial section covering all language features, we are going to cover also in detail Object-oriented programming, Generics and Decorators, each in their own section.
These 3 sections are mostly independent of the rest of the course and can be taken separately.
After the language sections, we enter the part of the course that covers practical projects.
These practical projects are as close to what you would develop in the real world as possible. This means that these are still small projects that you can comfortably build without spending too much time, but they contain all the building blocks and illustrate all the same design elements that you would have to put in place in a real application.
For example, we are going to build a complete example of a REST API in Node using Typescript and TypeORM, a Typescript-friendly ORM for Node. The server will be designed will all the typical elements of a production system in mind.
For example, the API will be fully secure, and it will require the user to be properly authenticated with a JWT. The API will support multiple levels of access, from a read-only user to an admin user that can edit the data.
Next, once the backend is completed, we are going to build also a couple of frontends with Typescript, namely an Angular frontend, each one in its own separate project.
This way, you will have built your complete system (both frontend and backend) using only one single common language: Typescript.
Table of Contents
This course will go over the following topics:
Introduction to Typescript
The Typescript Type System
The most powerful feature of Typescript: type inference
In-depth coverage of all the Typescript language features, from the most simple to the most advanced
In-depth coverage of all the features available in the Typescript compiler
Object-oriented programming
Typescript Generics in depth
Typescript Decorators in depth
Practical Typescript ProjectÂ - Secure Node REST API with TypeORM

What Will You Learn In this Course?
In this course, you will learn everything that you need to know to build both the backend and the frontend of your application using the same language: Typescript.
You will know all the features of the language in-depth, and you will be aware of the distinction between the features that you will be using almost every day, from the features that you will only sparingly use.
You will also know in detail the multiple features that you have available in the Typescript compiler.
You will know how to build real-world projects with Typescript, including how to develop your backend with Node and Typescript, and also how to build your frontend in Typescript using modern frameworks.
Have a look at the course free lessons below, and please enjoy the course!
Who this course is for:
Frontend developers looking to learn the language is taking over frontend development
Backend developers doing a transition to full stack development
Javascript Developers looking to learn Typescript
Node Developers looking to learn how to leverage Typescript
Frontend Developers looking to learn how to use Typescript to build a backend

User Reviews

Rating

average 0

Total votes0

Focused display

TypeScript

Angular University

Instructor's Courses

Hello, I'm Vasco Cavalheiro and I'm an online instructor at the Angular University.Over the years I have helped over 100k developers to learn the Angular framework and its surrounding ecosystem of technologies.Check out my Linkedin in the links section on the top right.About the Angular University:The Angular University aims to be the one place that you go in order to learn and keep up with the whole Angular ecosystem. We provide premium quality video tutorials, screencast style.No matter if you are a beginner, intermediate or advanced in Angular, we have several courses for you.More about me:I'm a Software Developer with many years of experience, very seasoned building user interfaces with Angular. I've worked as a Frontend Developer/Architect in a large variety of enterprise projects throughout the years. I worked on a ton of projects, everything from single page applications to help build the European Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I've been a key part of internal framework teams that built frameworks for in-house departments of tens of developers. I also love to teach, write and talk about technology. I am looking forward to be your Angular instructor,Kind Regards,Vasco

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.