VOOZH about

URL: https://www.coursera.org/learn/packt-ultimate-typescript-course-2024-learn-build-excel-ogzyf

⇱ Ultimate TypeScript Course 2024 – Learn, Build & Excel | Coursera


Ultimate TypeScript Course 2024 – Learn, Build & Excel

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Ultimate TypeScript Course 2024 – Learn, Build & Excel

Included with

Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

7 hours to complete
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

7 hours to complete
Flexible schedule
Learn at your own pace

What you'll learn

  • Set up, compile, and debug TypeScript across browsers and Node.js for seamless cross-environment development.

  • Build a complete, interactive DOM-based project while mastering project structure, modules, and best practices.

  • Dive into advanced TypeScript concepts like generics, interfaces, class syntax, and type casting for scalable code.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

6 assignments

Taught in English

There are 6 modules in this course

Updated in May 2025.

This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Unlock the full potential of TypeScript with this all-in-one course designed to take you from beginner to confident developer. You'll master foundational concepts, advanced features, and hands-on project development to elevate your coding skills and build robust, type-safe applications. Whether you're transitioning from JavaScript or starting fresh, this course provides the structured guidance you need to succeed. The journey begins with a deep dive into how TypeScript works behind the scenes—from setup and tooling to the transpilation process and its role in modern development. You'll learn multiple ways to run TypeScript across environments like Node.js and browsers, followed by in-depth guidance on using the TSC compiler, PATH configuration, batch scripts, and creating your first functional script. Midway through, you'll set up tsconfig.json, explore modules, and implement bundling, all leading to the heart of the course: a hands-on project. Here, you’ll define types, build interactive DOM elements, validate inputs, manage state, and refactor code with class-based syntax—all while reinforcing best practices in real-world scenarios. Perfect for web developers, JavaScript users, or computer science students looking to scale their skill set. A basic understanding of JavaScript is recommended, but the course caters to both beginners and intermediate learners aiming to level up with TypeScript.

In this module, we will introduce you to the course structure and goals, helping you understand what TypeScript is and why it matters. You’ll also get familiar with the development tools like Visual Studio Code and how JavaScript compatibility plays a key role in TypeScript development. This sets the stage for a deeper dive into hands-on TypeScript skills.

What's included

5 videos1 reading

5 videosTotal 19 minutes
  • Introduction9 minutes
  • Visual Studio Code has built-in TypeScript support1 minute
  • Browsers and servers only understand JavaScript4 minutes
  • Transpiling TypeScript5 minutes
  • Recap1 minute
1 readingTotal 10 minutes
  • Full Course Resources10 minutes

In this module, we will explore multiple ways to install and execute TypeScript, both with and without the official compiler. You'll learn how to run TypeScript in Node.js, the browser, and via supporting tools like runners and libraries. The section also covers compiling TypeScript with npm and key environment configurations for a smooth setup experience.

What's included

14 videos1 assignment

14 videosTotal 52 minutes
  • Section intro1 minute
  • The 2 ways to use TypeScript2 minutes
  • Using TypeScript without the official compiler - natively in Node3 minutes
  • Using TypeScript without the compiler, natively in the browser3 minutes
  • Using TypeScript without the compiler, using libraries and runners7 minutes
  • Three ways to install the TSC compiler5 minutes
  • Why is Node so popular for executing the TSC2 minutes
  • Compiling your first TypeScript file into JavaScript using npm6 minutes
  • TSC uses your PATH variables2 minutes
  • Understanding batch scripts vs TSC executable5 minutes
  • TSC Bin and Lib folders3 minutes
  • Shebang line and the chicken-egg problem5 minutes
  • TSC self-hosting and bootstrapping6 minutes
  • Creating a script file for our project4 minutes
1 assignmentTotal 15 minutes
  • Installing & Running TypeScript - Assessment15 minutes

In this module, we will dive into the tsconfig.json file, which controls how TypeScript behaves in your project. You'll learn how to specify paths, enable module bundling, and maintain compatibility with the latest ECMAScript features. By the end, you’ll be equipped to manage large TypeScript projects with greater control and clarity.

What's included

6 videos1 assignment

6 videosTotal 26 minutes
  • Adding a TS config file6 minutes
  • TypeScript does a good job of keeping up with latest JS features (ESNext)8 minutes
  • Setting outDir and rootDir properties4 minutes
  • TypeScript can bundle files3 minutes
  • Modules4 minutes
  • Using the --watch flag2 minutes
1 assignmentTotal 15 minutes
  • TypeScript config file - Assessment15 minutes

In this module, we will apply everything you’ve learned by building a comprehensive TypeScript project from scratch. You'll work with types, events, modules, and classes to create an interactive, styled app. This hands-on experience will cement your understanding of core TypeScript concepts in a practical setting.

What's included

28 videos1 assignment

28 videosTotal 163 minutes
  • Implicit and Explicit Types14 minutes
  • Intro to the Type alias and Interfaces8 minutes
  • Conditional types and Generics8 minutes
  • Programming error codes, and DOM Type Casting4 minutes
  • Adding event listeners with Event Types6 minutes
  • Using ES6 modules in TypeScript4 minutes
  • Objects (Interfaces and Types), and the readonly access modifier9 minutes
  • Object Record Type3 minutes
  • Enums5 minutes
  • Interfaces vs Types9 minutes
  • Define a createBox function and set its argument type6 minutes
  • Styling and adding the box to the DOM7 minutes
  • Generate a random color and define a setColor function4 minutes
  • Return public properties in our createBox function3 minutes
  • nounusedlocals config property1 minute
  • Start the buildBox function, and perform basic input validation8 minutes
  • Implement a setTimeout() method, and start the box counter6 minutes
  • Arrays and Tuples7 minutes
  • Importing our module, and creating a dynamic array using values and filter7 minutes
  • Using the global Math object to generate a random box size (or bomb)5 minutes
  • Timeout - can you extend a generic type?3 minutes
  • Timeout - fixing the error in the rgb() method2 minutes
  • Import the createBox() function, generate a box, and add it to a global array7 minutes
  • Testing our code2 minutes
  • Styling elements when a BOMB is returned6 minutes
  • Final project amendments and testing4 minutes
  • Using the class syntax to define the createBox function10 minutes
  • Updating the main source file, and testing the class code5 minutes
1 assignmentTotal 15 minutes
  • TypeScript Course Project - Assessment15 minutes

In this module, we will explore the future landscape of TypeScript, including its integration with tools like JSDoc, Svelte, and Drizzle. You’ll get insights into upcoming ECMAScript proposals that may reshape how TypeScript handles type checking. This section will help you stay ahead of the curve in TypeScript development.

What's included

5 videos1 assignment

5 videosTotal 23 minutes
  • The future of TypeScript6 minutes
  • JSDocs and //@ts-check11 minutes
  • Does Svelte and Turbo 8 support TypeScript3 minutes
  • Drizzle support for TypeScript1 minute
  • New ECMAScript proposal for type checking2 minutes
1 assignmentTotal 15 minutes
  • The Future of TypeScript - Assessment15 minutes

In this module, we will wrap up the course by reviewing major concepts and skills you've gained throughout. You'll reflect on how far you've come and where to go next in your TypeScript journey. Whether you're heading into a new project or deeper learning, you'll be prepared to put TypeScript into action.

What's included

1 video2 assignments

1 videoTotal 1 minute
  • Outro1 minute
2 assignmentsTotal 75 minutes
  • Full Course Practice Assessment15 minutes
  • Full Course Assessment60 minutes

Instructor

Offered by

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

This course is currently available only to learners who have paid or received financial aid, when available.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Financial aid available,