
Welcome video includes what you're going to learn, including project showcase
Tells you what typescript is and why use it
Setup your development environment
How to setup your typescript projects for this sectio n
Hello world with typescript
This lecture is about Typescript types and we're going to build a project (Counter App)
This lecture is on Typescript Arrays and we're going to build a project (Autocars App)
This lecture is on Typescript Tuples
This lecture is on Typescript Objects, Types and Interfaces
This lecture is on Typescript Enums
This lecture is on Functions and union types
How to setup main project
This lecture is on creating your first react typescript project
This lecture is on Jsx and React Components
This lecture is on the header component of our app. Download the complete project file in the first lecture of this section
This lecture is on Hooks and Props. Download the complete project file in the first lecture of this section
This lecture is on the Products Component of our app
This lecture is based on implementing the search functionality of our app
This lecture is on the Product Component of our app, the popup which shows extra details
Learn how to convert an existing react javascript application into a react typescript application
What next after learning typescript?
WHAT YOU'LL LEARN
Write and compile Typescript code
Use Typescript to Build Javascript Applications
Use TypeScript Types and Interfaces to Improve Code Quality, Readability, and Maintainability
Set up React Projects with TypeScript
Use TypeScript with React components
Build React Applications with TypeScript
Convert existing React Apps to Typescript Apps
Catch Errors with Typescript
Write Code Logic with Typescript
WHAT IS THIS COURSE?
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript adds optional static typing to JavaScript, providing better tooling support at any scale. TypeScript is a free and open-source language developed and maintained by Microsoft.
TypeScript is a great choice for building large applications with JavaScript. It can help you catch errors early, improve code readability, and make your code more maintainable. TypeScript is also a good choice for projects that need to be shared with developers who are not familiar with JavaScript.
Here are some specific examples of how TypeScript can benefit your projects:
Catch errors early: TypeScript's type system can help you catch errors early before they cause problems at runtime. For example, if you try to call a method on an object that doesn't have that method, TypeScript will give you an error. This can help you avoid bugs and headaches down the road.
Improve code readability: TypeScript's type system can help you improve the readability of your code by making it clear what types of data are being used. For example, if you have a variable that is declared as a string, TypeScript will know that you can only assign strings to that variable. This can help you avoid errors and make your code easier to understand.
Increase code maintainability: TypeScript's type system can help you increase the maintainability of your code by making it easier to understand and update. For example, if you need to change the type of a variable, TypeScript will automatically update all of the code that uses that variable. This can save you a lot of time and headaches.
Create shared codebases: TypeScript can be used to create shared codebases with developers who are not familiar with JavaScript. This is because TypeScript compiles to plain JavaScript, so developers who don't know TypeScript can still run and debug TypeScript code.
Overall, TypeScript is a powerful language that can help you build better JavaScript applications. If you're looking for a way to improve the quality, readability, and maintainability of your JavaScript code, then TypeScript is a great option, very good, see you in our next lesson.