Best Free Typescript Courses

Find the best online Free Typescript Courses for you. The courses are sorted based on popularity and user ratings. We do not allow paid placements in any of our rankings.

Introduction to TypeScript

Learn to supercharge your web-applications with the powerful typed language from Microsoft!

Created by Daniel Stern - The Code Whisperer

"]

Students: 73513, Price: Free

In this course, we will learn about TypeScript, the new, JavaScript inspired language by Microsoft. The introductory TypeScript course will teach the student the TypeScript basics necessary for junior workplace skills.

By taking this course you will,

- Set your PC or Mac up to develop TypeScript
- Be able to understand why TypeScript is used to build large web applications

- Use TypeScript's classes and error checking
- Create and extend TypeScript classes
- Share Code via Modules

In the first section, we will learn about what projects TypeScript is appropriate for. We will learn who makes TypeScript, and what projects use TypeScript every day.

In the second section, we will learn about using Node and NPM to install TypeScript, and how to use the command line to compile TypeScript into JavaScript. As a bonus, we'll learn a bit about TypeScript compiler errors.

In the final section, we will take a look at a few of TypeScript's many features.

We will learn about types, how they are used, what kinds are available in TypeScript, and how to make your own.

We will learn about interfaces, inheritance, and TypeScript classes. Using the module system, we will share code between TypeScript files and compile them to JavaScript.

This course includes many videos, as well as links to useful tools like the TypeScript handbook.

This course should take 3-4 hours to complete, as you may wish to pause frequently to try the many code examples provided yourself.

This code is ideal for anyone wanting a solid beginner's foundation in TypeScript, as the hands-on lecture format will ensure that any pupil has a working knowledge of the basics.

Learn HTML, CSS, JavaScript And TypeScript From Scratch

Design and build websites using html, css, javascript and typescript from scratch for absolute beginners.

Created by Manzoor Ahmed - Microsoft Certified Trainer

"]

Students: 51262, Price: Free

HTML And CSS

Do you know! what ever you see on a website in your browser is purely html and css. If you are really interested in learning website development using any technology weather it is Asp.Net, Java or Php, the basic thing that you should know is HTML and CSS. More over if you want to develop your own static website with contact us form then this course teaches you the best.

In this course we will start with the concept why we need HTML then we dive into tags river and will cover comments, page information, document structure, links, text markup, lists, forms and images. We take start of css with why and goes for various types of styling techniques in web design and move ahead with various selectors and design a beautiful menu from scratch and finally end with designing and hosting a static web site.

JavaScript : Do you know that all the web client frameworks are based on JavaScript?

Like AngularJS, ReactJS, NodeJS, etc., So, now it is the time for you to not only build a strong base in JavaScript basic programming but also to understand the basics of object oriented programming using JavaScript.

Yes, the buzzword of the market that is TypeScript and AngularJS2+ are completely based on oops through the JavaScript.

When it comes to the passing data from a client to the server then JSON formatted data is the hero, which again reminds the object or collection of objects of JavaScript.

Now no way to escape from learning JavaScript, if you want to stick to web technology with any platform whether it is Microsoft or Java or PHP or anything else.

So, no worries! we made it damn simple for you to master it :)

TypeScript : Yes! TypeScript is the base for Angular2+ , If you want to enter into the world of Angular 2, 4, 5, ... then the first step is to understand TypeScript.

I am going to make it very simple for you to learn and implement it.

TypeScript starts from the same syntax and semantics that millions of JavaScript developers know today. Use existing JavaScript code, incorporate popular JavaScript libraries, and call TypeScript code from JavaScript.

TypeScript compiles to clean, simple JavaScript code which runs on any browser, in Node.js, or in any JavaScript engine that supports ECMAScript 3 (or newer).

What are you waiting for? just join into this course and make the buzz word of the market a part of your profile.

Typescript with modern React (i.e. hooks, context, suspense)

Adding typescript to a modern react project with hooks (useState, useContext, useEffect) and code splitting with lazy.

Created by Richard Oliver Bray - Web developer, content creator

"]

Students: 28164, Price: Free

In this course you will learn how to add typescript to a create-react-app project as well as adding it to a react project from scratch with webpack and babel. You will learn a bit about react hooks, (useState, useContext, useReducer and useEffect), in a react typescript project as well as using suspense to lazy load a component. We will also attempt to recreate redux, (or the redux principles) with useReducer and Context.

This course is at an intermediate/advance level and assumes you have used React and Redux before, however you don't need to know any typescript for this.

TypeScript Design Patterns

Object oriented design patterns allow you to write better and more flexible software!

Created by Xavier Decuyper - Full-stack developer & passionate about technology

"]

Students: 27688, Price: Free

Object oriented design patterns help you create more robust and flexible software. In this course I will show you how to use these patterns in TypeScript.

Design patterns are best practices that will help you solve common problems in programming. There is no need to solve a generic problem that has been solved many times before.

Simple example: how do you write a system that allows user to order a product and customize some of its features? There are many possible solutions but they probably won't be as flexible as using a decorator pattern.

TypeScript Fast Crash Course

An Introduction to TypeScript main components

Created by Edwin Diaz - Web Developer & Premium Instructor - 700,000 students

"]

Students: 27514, Price: Free

TypeScript is a superset of JavaScript, which means that is language that was created to add features to JavaScript. You might be asking yourself why it was created and why not just add those features directly to JavaScript. 

Sometimes language foundatons take time to implement features because the committee has to approve it, test and get feedback before requests are answered. The soultion for that is to create another language that adds functionality to the language we need, and thats where TypesScript comes in. 

TypeScript has many advanced features that plain JavaScript doesnt have yet but the good news is that we can start using it now since TypeScript compiles JavaScript ES5 which at this moment is the most compatible version of JavaScript for all browsers.

Most people that want to learn TypeScript its because they need the skills to use with some Frameworks like Angular.

My goal with this courses is just give your the fundamentals of the language, show you what TypeScript is and how to use it. We as developers don't have time neither can we afford to spend too much time on any tehcnology.

Webpack 4: Beyond the Basics

Quick, code-driven, follow-along Javascript tutorials of Webpack, Babel, React, Angular, Vue, Redux, SSR, Typescript

Created by Lawrence Whiteside - Software Engineer

"]

Students: 26606, Price: Free

Welcome to the course for building modern javascript applications using the Webpack module loader and asset bundler.

I aim to make this Beyond the Basics course accessible to all skill levels.  It's geared towards people who've seen the basics and messed around a bit, but still don't feel they understand Webpack. Each episode is written and rehearsed beforehand. They're edited so as to make best use of your time. There's not a wasted moment in any of these lessons.

With project centered content building real-world Webpack apps that you and your company can use from the very first line of code.  First we look at the optimal Webpack development setup . Follow and code along as we build a Markdown blog, like Ghost, with Hot Module Reloading, Babel, and debugging in Node. We then move into how Webpack optimizes your production bundles, as we solidify the boilerplate into a portfolio website.

The final project is a doozy. We expand the portfolio site to a multi-domain node rewrite of Wordpress MU, Tumblr or SquareSpace.  So you can run multiple domain names from a single node server process.  We dig into the latest Webpack 4 features, including Server-side Rendering, dynamic imports with "magic comments" and we finish with Universal React components and CSS Chunks in Parallel.  You will definitely want to get to the end of this course.

Along the way I'll discuss all the frameworks and libraries Webpack integrates with.  Whether you're working on an legacy Rails or other backend project or just want to create something beautiful with EJS, Pug, Handlebars, Sass, Less or Stylus, CSS Modules, Angular or Vue JS there's a method and I'll give you the keys to build your site the way you want it.

Thank you for considering this course.  I put everything I had into it.

- Law

Getting Started with TypeScript // A Javascript Compiler

Learn the Technology behind the Microsoft-created Javascript Compiler

Created by Justin Mitchel - Coding Entrepreneur & Teacher - 568,000+ Students

"]

Students: 26580, Price: Free

Coding pure JavaScript is a challenge. It's a BIG challenge. Especially for those of us who want to write effective and effecient code without all of the extra typing.

Enter TypeScript.

TypeScript is a JavaScript compiler. I'd argue it's essentially shorthand/shortcuts for writing pure JavaScript code. It's incredible how useful it can be. 

TypeScript is modern, slick, and super easy to setup and use. It's also the basis for frameworks like Angular and Ionic both of which are absolute essentials in your web and mobile developer arsenal

This course is designed to get you ready for our other course Try Angular. We want to ensure you learn and understand how to write Typescript so you can build awesome projects using Angular.

We hope you enjoy!

Complete TypeScript For Beginners

TypeScript is a powerful, fun, and popular programming language used for building browser and NodeJS applications. This

Created by Awais Jamil - Programmer,Web Developer, AutoDesk Software Trainner

"]

Students: 20613, Price: Free

Most People know TypeScript from Angular 5+. It's the Language you have to use there, right?

It's more than that! 

Creating great web applications requires great JavaScript code. TypeScript helps you create great JavaScript code. In this course, Getting Started with TypeScript, you'll learn how to create browser applications faster and with fewer errors using a powerful and fun programming language. First, you'll learn how to configure TypeScript projects. Next, you'll explore how to create and use your own types. Finally, you'll discover how to get strong typing support for just about any JavaScript library you can imagine. When you're finished with this course, you'll have a foundational understanding of TypeScript's most important features, as well as the skills you need to begin building client-side web applications and NodeJS applications with TypeScript.

Practice what you Learn

Watching Videos is a great Way to Learn. And to 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!

I'm not a Fan of these Courses which teach you the Basics and then leave you alone. 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
  • Decorators

  • Who is the target audience?
  • This Course is for every Student who wants to extend his Horizon beyond vanilla JavaScript
  • Everyone learning Angular 5+ should definitely understand how TypeScript works

TypeScript, Quick and Easy

This is a practical course to learn TypeScript rapidly and deeply.

Created by Sepehr Esmaeili - Software Developer and Architect

"]

Students: 20283, Price: Free

JavaScript has moved forward in a way that not only front-end developers getting more involved with it but also, back-end developers feel using it to develop all or part of their applications is very beneficial.

While ES6 (ECMAScript 2015) has added features of modern programming languages to JavaScript, TypeScript Programming Language makes it even more productive. In fact when you develop your application in TypeScript, at the end you feel you are able to understand most of our own code!

This course is a quick and practical way to learn TypeScript and by the end of this course not only you have a good knowledge of TypeScript, but also you have a vision where JavaScript programming is going and how the architecture of JS apps is getting changed to be ready for large-scale projects.

In our journey in this course, we will learn main features of  ES6, types in TypeScript, class-based object oriented programming in ES6 and TypeScript, generics, modules and decorators.

This course can also be considered as a pre-requirement for whom planning to learn Angular 2.0 or getting ready to develop mobile apps using the new ionic framework.

Angular 2 Demystified

Conquer Angular2 and TypeScript fundamentals - Build Great Mobile & Web Applications With Angular 2 (EBOOK INCLUDED)

Created by AJ Meyghani - Software Engineer

"]

Students: 11278, Price: Free

NOTE: this course was made couple of years ago when Angular was in Alpha and Beta phases. You can still use it as reference.

Angular 2 is going to be a game changer in the Web Development world and would enable you to architect large scale and maintainable software. Angular 2 embraces web technologies and best practices in software development which means that your software will be future proof. Not to mention its performance and blazingly fast internals that would make it the first choice for making mobile applications.

At this point Angular is still in developer preview but you can get started learning the basic concepts and get ahead of the curve. This course introduces you the basic concepts of Angular 2 namely Components, Annotations, Views, Event Handlers and Directives. In Angular 2 everything is a Component and this course takes a component-centric approach. We will use Components as the main point of discussion and learn about other concepts in Angular 2 in the context of Components.

Even though Angular 2 is still in developer preview, you should set learning Angular 2 as your top priority because not only is Angular 2 going to be the future of web, but also there are a lot of new concepts in Angular 2 that require time to internalize. Also note that this course will be continuously updated as new changes come out. Don't worry about the API changes that much as long as you learn the semantics of the framework, syntax and API changes won't be as important.

As an awesome bonus of joining the course, you’ll get my ebook: Angular 2 for beginners for FREE. Please check out the book on leanpub to get access (the link is in the video).

Start learning today and get ahead of the game.

Angular, React and Vue 3 Translations (i18n)

Angular 10 using ngx-translate, React 16 with typescript using react-i18next, Vue 3 with typescript using vue-i18n

Created by Antonio Papa - Full Stack Developer

"]

Students: 8894, Price: Free

Do you want to make a multi-language site and you don't know which framework to choose? No worries this course will show you how to achieve your goal with all the frameworks.

This is a course that will help you learn how the most popular frontend frameworks can be used to make an international site.

This course will have all the techniques to translate text in the backend, frontend and also translating text in the frontend that is returned from the backend.

You will have also multiple ways of arranging the data in the backend.

Are you ready to see the power of these frameworks combined? Then let's do it!

TypeScript for Absolute Beginners

Learn Only The Absolute Basics of TypeScript Applicable to All TypeScript Projects.

Created by Sean Bradley - Software and Networking Engineer for 20 Years

"]

Students: 8094, Price: Free

This is a quick and FREE introductory course on the absolute basics of TypeScript that are applicable to ALL TypeScript Projects and suitable if you have never done TypeScript before.

It is also a prerequisite for my other more advanced TypeScript courses on Three.js and Socket.IO.

In this absolute beginners course I will concentrate on just the most common basics of TypeScript that are applicable to every TypeScript project that you will create or continue from now and into the future.

This course is only 30 minutes long, is very easy and has accompanying documentation that you can access for FREE from the resources so that you can more easily copy what I do in the videos.

Every video continues on from the next, expanding on the TypeScript concepts you have learned so far.

You should copy what I do in the videos on your own computer and then experiment with the code and the new concepts you've learned after each video so that you feel comfortable.

TypeScript is very useful for writing robust and type safe code very quickly and extends your IDE to be a significantly more powerful tool when programming.

Thanks for taking part in my TypeScript for Absolute Beginners course, and I'll see you there.

Battleship over Solace PubSub+

with TypeScript in Aurelia and Java in Spring Cloud Stream

Created by Leah Robert - System Engineer at Solace

"]

Students: 4449, Price: Free

In this course, you will learn about features of the Solace PubSub+ platform to create event driven distributed applications using modern frameworks and languages by implementing a multiplayer game of Battleship. The course will run you through the creation of a front-end, built using TypeScript (with the Aurelia framework), and a backend, built using Java (using the Spring Cloud Stream framework) - and using Solace PubSub+ to seamlessly communicate between these two application components.

By the end of the course, students will have an understanding of different message exchange patterns that can be implemented over Solace PubSub+, the rich polyglot support of the Solace PubSub+ APIs, and the fundamentals of how to architect distributed systems

The hands on portion of this course is implemented through this codelab - https://codelabs.solace.dev/codelabs/solace-battleship/ . Once enrolled in this course and logged into Udemy, the codelab will contain links to all applicable Udemy videos.

NextJS up and running

Quickest NextJS + TypeScript setup for static websites and blogs

Created by Atila Fassina - Software Engineer, Consultant, Instructor

"]

Students: 3628, Price: Free

The first course with NextJS v10 on Udemy with the new Image Component (the one good thing 2020 had to offer so far)

Welcome! This course is the best resource for you to hit the ground running with NextJS.

“But, how? And why you?”

Glad you asked! Because I‘ve been working with NextJS since version 2. I have built many websites and applications with it, I have used many other Static Site Generators, and I‘m a big advocate of the Jamstack. In this course, I bring everything I know and experienced boiled down to the best setup possible.

I will walk you through the best setup possible for you to use modern web best practices directly enforced to your setup. You will develop a setup which owes nothing to any other big company setup in terms of performance and tooling.

  • React + CSS Modules
    we will build an app that takes out the most of the Component-Based Architecture. With this, we can achieve a scalable, maintainable, and easy-to-read architecture for our User Interface. It will be easy to add more functionality in the future and replace/optimize existing features.

  • TypeScript
    when properly set, strong-typing brings to the table a huge advantage when using external resources (such as libraries and frameworks). It makes the code more discoverable since text editors (like VSCode) can provide with insights when we‘re writing the code, and safeguard us from runtime errors. It makes the code self-documented and allow us, in the future, to touch many moving parts without fear causing unexpected side-effects.

  • NextJS
    for the best developer experience, we get everything a high-quality production web application should have, most already baked-in and ready to be used, just a few configuration strokes away.

  • NodeJS
    like an iceberg, there is a big chunk of a NextJS app which runs on the server. For that, we need NodeJS

On top of all that (and most importantly): This course won’t lock you up in its set architecture. The modules and stacks are not dependent on each other, this means you can break free at any time with ease, switch tools for whichever you decide works best for your case, either now or in the future.

To summarize: 

  • All fundamentals are covered following modern web development practices.

  • No hard rails to follow. You’re free to be creative from this course.

  • Minimal number of dependencies to a smooth learning curve.

I can‘t wait to hear from you once you get started!!

Let‘s go!!!

Typescript basics for beginners

a journey to learn webdriverIO (test automation)

Created by Kamal Girdher - Professional Trainer and Automation Expert

"]

Students: 2464, Price: Free

Looking to learn Typescript/Javascript before learn WebdriverIO??

Are you looking to learn latest test automation frameworks?

Do you want to learn how to automation React, Angular based web applications?

You can start with basics of typescript here and that will prepare a base for you to learn test automation using WebdriverIO (jasmine, cucumber or movha/chai).

Happy Learning!
Kamal