Skip to content
UdemyWeb DevelopmentPaid courseBeginner levelCertificate

Practical Typescript (Udemy.com)

Unleash the Power of TypeScript: Dive into Type Annotations, Generics, React Integration, and Build Modern Apps

Created by: Yanis Smilga

Last updated December 2024

icon
What you will learn

  • Understand TypeScript Basics: Grasp type annotations, inference, union types, and handling "any", "unknown", and "never" types.
  • Master Advanced Features: Learn generics, data fetching, and Zod library for validation in TypeScript.
  • Integrate with React: Master TypeScript integration with React, covering component structure, prop handling, and state management.
  • Build Modern Applications: Develop skills to create store applications with TypeScript, Shadcn/ui, React Router, authentication, and pagination.

icon
Course Description

Dive into the world of TypeScript with our "Practical TypeScript" course, designed for developers seeking a comprehensive understanding from the basics to advanced concepts. This course begins with setting up a TypeScript project using Vite, guiding you through a series of tutorials that cover essential TypeScript features and best practices.

You'll learn about type annotations, type inference, and the practical applications of type annotation, along with an exploration of union types and the handling of "any", "unknown", and "never" types. The course also covers the fundamentals of arrays and objects, and introduces challenges to reinforce learning. Additionally, you'll delve into the complexities of functions in TypeScript.

As you advance, the course explores more sophisticated TypeScript features, such as generics, fetching data with TypeScript, and working with the Zod library for data validation. You'll also gain insights into TypeScript declaration files and class-based programming with TypeScript. Each tutorial is designed to provide hands-on experience, enabling you to effectively apply TypeScript features in real-world scenarios.

Furthermore, this course extends to integrating TypeScript with React, covering component structure, prop handling, state management, event handling, and complex component structures. You'll learn about using React's Context API, reducers, and global state management in a TypeScript environment, as well as data fetching and validation techniques. The course concludes with a practical task management application, highlighting the use of localStorage and task state management.

Finally, the course culminates in building a modern store application with TypeScript,  Shadcn/ui, and React Router, incorporating features such as authentication and pagination. Join us in "Practical TypeScript" to elevate your skills and confidently apply TypeScript in your development projects, from basic to advanced levels.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Yanis Smilga

Hello, I’m Jānis Smilga, a web developer based in Sigulda, Latvia. These days, I spend most of my time working with AWS CDK, TypeScript, and Node.js—building cloud infrastructure and scalable backend systems. I enjoy coding and the constant challenge of learning something new. You can also find me on my YouTube channel, Coding Addict.

icon
More courses by Yanis Smilga

$129.99

$15.99

$13.99

$94.99

$94.99

$10.99

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

icon
Reviews

4.7

285 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Uriel on 7/5/2025

The course is excellent. It is more suitable for beginners and as mentioned it is practical. It fits junior full stack developers and provides a solid foundation for further work with TypeScript. The course is very well structured with no errors and everything is explained clearly.

By Ricardo D'Alessandro on 6/16/2025

Great so far! Just as a note: -There are some 'bugs' with some Quiz and Practice Test answers, where the correct answer doesn't work (it even says 'Correct!' though you have to pick an Incorrect answer) -For Section 5, there are some updates to how Tailwind and Shadcn/ui should be installed and setup

By Kerim Imamović on 12/23/2024

An amazing course. I like John's style of teaching. I have learnt a lot of new things. README.md files contain useful code snippets and advices to help you follow the course more easily. I recommend anyone interested in TypeScript to watch this tutorial.

By Miguel ` on 10/25/2024

Awesome course and awesome instructor. Very knowledgeable and up to date. Q&A is maintained and responsive. Final project was great practice. Only reason I did not rate 5 stars is because there are more TypeScript features that could have been explored (keyof, overloading, etc ). Again, great course and great instructor and great TA.

By Petros Foutsis on 9/23/2024

Excellent course, excellent support, great explanations on how to do things and WHY you do this like that. All you need to know about Typescript and React is here! Thank you for this course! I already started the other ones for Nodejs

By Rei Koka on 8/7/2024

Really loved all the parts of the course, well paces, short exercises, I did have some previous experience with TypeScript but also due to this project I am getting introduced to Shad/CN UI components who I had heard but never used. Love to do this whole last project with Tanstack Query too and use multiple technologies in conjuction. Absolutely I really recommend this course to anyone wanting to learn TypeScript and more!

By Zekaria on 6/21/2024

Great Course so far

By Jon R on 5/14/2024

I actually switched to this course from another authors TS course, mainly because I enjoys John's teaching style and course material. I still give this course 5 stars, and John really says this himself, but much of the React project isn't very heavy in TS. Given that I already have significant experience in React and some in TS I found myself skipping ahead and just reading the GH, but it's still an excellent course and project.

By Arie Verburgh on 5/8/2024

John is excellent as always. A pity Next.js App Router was not used. However, it is a good exercise for me as I am adapting this app to Next.js App Router. Redux also has to be adapted along the way, of course. I am passionate about using TypeScript, so for once I don't have to convert JavaScript to TypeScript.

By Surina Dippenaar on 3/25/2024

I love John Smilga's courses. The video's are short and easy to understand, but there are a lots of them, which means one gets more than enough opportunity to practice what is being taught. This is the 3rd course of his that I have bought and it did not fail to impress.

Showing all 10 reviews on CourseDuck

Read all 285 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100