Best Typescript Courses

Find the best online 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. We also have a separate page listing only the Free Typescript Courses.

Understanding TypeScript – 2021 Edition

Don't limit the Usage of TypeScript to Angular! Learn the Basics, its Features, Workflows and how to use it!

Created by Maximilian Schwarzmüller - Professional Web Developer and Instructor

"]

Students: 112289, Price: $89.99

Students: 112289, Price:  Paid

This course was completely updated, reflects the latest version of TypeScript and incorporated tons of student feedback.

---

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

It's more than that! 

Learn what TypeScript is, why it really is a powerful Addition to JavaScript, what its Features are and how to use it! And whilst doing so, also understand what you're actually doing in your Angular 2+ Code.

This Course takes you from the very Basics and its most important Feature (Types!) to the Point where you're able to use TypeScript in any of your Projects. ReactJS Projects included!

As TypeScript is developed by Microsoft and strongly advertised used by Angular 2+ (Google), it's here to stay

Gain an Edge today and be amongst the First to really understand TypeScript!

A Journey into the Future

As TypeScript code can be compiled to ES5, you'll be amazed by the many next-gen Features you can start using Today. Be it ES6 Features like Destructuring or Arrow Functions, Decorators, Generics and Interfaces or Modules - TypeScript has them all!

In this Course, we'll not stop after the Basics. You will learn about more advanced Features and also how to set up Workflows with  TypeScript. This includes a TypeScript-only Workflow as well as a Webpack Workflow.

You'll also learn that you're not limited to Angular 2+ or plain JavaScript/ TypeScript Projects. A complete Module covers how to use TypeScript with ReactJS to benefit from its Features, there, too.

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

  • How to integrate Third-Party JavaScript Libraries into your TypeScript Project

  • How to set up a TypeScript project with Webpack

  • Or how to set up a plain-TypeScript Workflow

  • How to use TypeScript together with ReactJS

  • How to use TypeScript together with Node/ Express

  • Real projects and use-cases!

NestJS Zero to Hero – Modern TypeScript Back-end Development

Develop and deploy enterprise back-end applications following best practices using Node.js and TypeScript

Created by Ariel Weinberger - Engineering Manager, Mentor

"]

Students: 98676, Price: $29.99

Students: 98676, Price:  Paid

NestJS is a Node.js back-end development framework built upon Express, leveraging the power of TypeScript.

NestJS leverages the incredible popularity and robustness of JavaScript as a language and Node.js as a technology. It is inspired by common libraries and frameworks such as Angular, React and Vue which improve developer productivity and experience.

Even considering the amount of superb libraries, helpers and tools that exist for server-side Node.js, none of them effectively solve the main problem - the architecture of an application.

NestJS provides an out-of-the-box application architecture which allows developers and teams to create highly testable, scalable, loosely coupled and easily maintainable applications.

Recently, the NestJS framework is gaining extreme popularity due to its incredible features;

  • Leverages TypeScript - strongly typed language which is a super-set of JavaScript

  • Simple to use, easy to learn and easy to master

  • Powerful Command Line Interface (CLI) tool that boosts productivity and ease of development

  • Detailed, well-maintained documentation

  • Active codebase development and maintenance

  • Open-source (MIT license)

  • Supports dozens nest-specific modules that help you easily integrate with common technologies and concepts such as TypeORM, Mongoose, GraphQL, Logging, Validation, Caching, Websockets and much more

  • Easy of unit-testing applications

  • Made for Monoliths and Micro-services (entire section in the documentation regarding the Microservice type of a NestJS application, as well as techniques and recipes).

In this course I am going to guide you through the process of planning, developing and deploying a fully-featured back-end application, based on my experience developing and maintaining systems that support dozens of millions of concurrent users at scale.

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

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.

Angular 2+ with Typescript – Essential Training

Learn Angular 2 (or 4) from the ground up | This course combines a Project, Slides and Quizzes | Perfect for beginners

Created by Patrick Schroeder - Software Developer

"]

Students: 57804, Price: $89.99

Students: 57804, Price:  Paid

*** Updated for latest version of Angular 2. Project works with Angular 4. ***

Learn all the essentials of building Angular 2+ applications right here. 

This is a beginner level course aimed at those new to Angular 2 and Typescript.  No previous knowledge of either is required before starting this course.

This course combines slides, projects and quizzes in a clear, concise and engaging way to guide you through the core concepts of Angular 2 and Typescript.

...

⭐⭐⭐⭐⭐ 

This is the best explain course on Angular 2 I've seen so far, keep up the good work!

-- Adrian T.

⭐⭐⭐⭐⭐ 

Excellent course, in a very short time span I come to know all the important information about Angular 2, this course really cover all the aspects of Angular 2 for beginners as well as for experience. Thank you very much for making such amazing course.

-- Subhobroto Roy

⭐⭐⭐⭐⭐ 

Great course! Perfect for beginners. It is exactly what I was looking for - building a real life project from scratch with a lot of explanations and examples. I highly recommend it for beginners!

-- Ivan Atanasov

...

Each section will contain an introduction to a new concept. Followed by a slide-based presentation to get you familiar with the concept, and then an example inside of our application to cement your understanding. 

You will gain a solid foundation for building real-world applications following best practices and the Angular 2 style guide. This includes how to build components, create shared services, navigate between views, manage data using observables, and bind data using expressions inside your HTML templates.

By the end of this course, you will have a clear understanding of how to to build Angular applications with many real-world features. As a result, you will feel empowered to go out into the wild and start creating your own Angular 2 applications!

What you'll learn:

  • Typescript
  • Components
  • Pipes
  • Data Binding
  • NgModules
  • Routing
  • Input/Output
  • HTTP
  • Observables 
  • Interfaces
  • Directives
  • Lifecycle Hooks

...

Course updated regularly with new content to stay relevant & up-to-date!

...

⭐⭐⭐⭐⭐ 

This course is accessible and gives information that are factual and easy to to understand (even to a newbie like me). The content of the technical part is easy to understand and straightforward making the course a great way to learn : first a part that explains the nature of the "code", then an example of application of the "code" ("code" is for all the different types : modals, interfaces, and so on). I highly recommend this course.

-- Geslin JB

Angular 11 Masterclass with TypeScript, Firebase, & Material

Master and build reactive Single Page Applications(SPA) from scratch using Angular (formerly "Angular 2" or "AngularJS")

Created by Siddharth Ajmera - Google Developer Expert in Angular | Full Stack JS Developer

"]

Students: 54722, Price: $84.99

Students: 54722, Price:  Paid

Angular is one of the most popular front-end frameworks for building single-page applications or web apps with HTML, CSS, and TypeScript. So basically, if you want to become a successful front-end or a full-stack developer, that get hired, you need to have Angular as a skill under your belt.

Learning Angular 2 or Angular 4/5/6/7/8/9/10 or Angular 11 or simply Angular(as the Angular team likes to call it) on your own can be confusing or frustrating at times. It might require you to browse through several tutorials, articles, YouTube videos, etc, and get a grip on it.

If you want to get rid of going through all that trouble and just focus on learning Angular, this is THE course for you. In this course, I'll take you through an exciting journey of learning Angular concepts through fun and easy to understand coding examples.

______________________________________________________________________________________________________________________________

As the course progresses, you'll get familiar with:

  1. Single Page Applications and why should we use Angular to build them

  2. TypeScript and ESNext( ECMAScript 2015 or ES6 and later versions of it)

  3. Angular Modules, the @NgModule Decorator and Angular Application Bootstrap Mechanism

  4. Angular Components, the @Component Decorator, component communication and LifeCycle Hooks

  5. Directives, the @Directive Decorator, and creating custom structural and attribute directives.

  6. Dependency Injection In Angular, the @Injectable Decorator, Services, RxJS Observables and making AJAX Calls to REST APIs

  7. Routing, Child Routing, and Route Guards

  8. Pipes the @Pipe Decorator, and creating custom pure pipes and impure pipes.

  9. Template Driven Forms and Reactive Forms in Angular

  10. Custom Decorators

  11. Using third-party libraries like Angular Material, Firebase, etc.

Section 1 - Single Page Applications, Why Angular and Project Setup:

  1. Course Overview

  2. Introduction to SPA

  3. What do we need Angular for?

  4. Setting up the Development Environment.

  5. Angular Application Architecture

  6. Angular CLI

  7. Project Structure

Section 2 - TypeScript and ESNext:

  1. What is TypeScript

  2. Basic Types in TypeScript

  3. Variable Declarations using Let and Const

  4. Spread and Destructure.

  5. Classes

  6. Interfaces

  7. Arrow Functions

  8. Modules

  9. fetch API

  10. async / await

Angular Modules and Angular Components

  • @NgModule

  • Angular Application Bootstrap Mechanism

  • @Component

  • Data/Property Binding

  • View Encapsulation

  • Inter-component Communication (@Input/@Output, Event Emitter)

  • Template variables (ViewChild/ContentChild)

  • Content Projection(ng-content)

  • Templates – will be covered as part of components

  • Metadata – basic overview

  • Lifecycle hooks

  • Order and triggering of each hook

  • Hooks specific to Components and Decorators

Dependency Injection(Providers)

  • Dependency Injection - Why?

  • Dependency Injection - As a design pattern

  • Dependency Injection - As a framework

  • Dependency Injection - What?

  • Injectors and Providers

  • Hierarchical Dependency Injection

Routing

  • Child routes

  • Route params

  • Route Guards - CanActivate, CanActivateChild, CanDeactivate, Resolve, CanLoad

Services(@Injectable)

  • Service as a singleton, data sharing.

  • HttpClient, HttpHeaders, HttpParams

  • Observables with Operators like the map, subscribe, catch, retry etc

  • Subjects

  • Sharing data across Components using Service

Directives(@Directive)

  • Built-In Structural Directives - NgFor, NgIf, NgSwitch

  • Built-In Attribute Directives - NgClass, NgStyle, NgNonBindable

  • Building a Custom Structural Directive

  • Building a Custom Attribute Directive

Pipes(@Pipe)

  • Build-in Pipes

  • Building Custom Pipes

  • Pure and Impure Pipe

Forms

  • Template Driven Forms

  • Reactive forms

  • Form Validations

  • Custom Synchronous form validations

  • Custom Asynchronous form validations

Custom Decorators

  • Metadata – deep dive

  • Building Custom Class Decorator

  • Building Custom Property Decorator

Integrating with Third-Party Libraries

  • Material Design Bootstrap

  • Angular Material

  • Firebase

______________________________________________________________________________________________________________________________

By the end of this course, you'll be able to: 

  • Build end-to-end Single Page Apps in Angular on your own

  • Understand and fix common compile-time and run-time errors in minutes

  • Understand and implement clean and maintainable code like a professional

  • Apply best practices when building Angular apps

We'll always start with the basics and go from there. Right from the beginning of the second module, you'll jump in and build your first Angular app within minutes.

Angular 2 and all the later versions of Angular has been written in TypeScript. So, before getting started with Angular in section 3, you'll learn the fundamentals of TypeScript and object-oriented programming in section 2 to better understand and appreciate this powerful framework. 

Over the next 15 hours, you'll learn the essentials of building Single Page Applications(SPAs) with Angular

  • Displaying data and handling DOM events

  • Building reusable components

  • Manipulating the DOM using directives(both Structural and Attribute)

  • Transforming data using pipes

  • Building template-driven and reactive forms 

  • Consuming REST APIs using HTTP services 

  • Handling HTTP errors properly 

  • Using Reactive Extensions and Observables 

  • Adding routing and navigation to adhere to the basics of a Single Page Application

  • Building real-time, server-less apps with Firebase 

  • Building beautiful UIs using Angular Material, and Material Design Bootstrap

So, if you're a busy developer with limited time and want to quickly learn how to build SPAs with Angular, you're at the right place.

All these topics are covered by over 15 hours of high-quality content. Taking this course is equivalent to going through hundreds of articles, tutorials, and videos on the web! Just that the content is laid out to cover all that you'll get to know during all that time! Once you go through the course(or just the preview videos), you'll know that the topics are explained in a  clear and concise manner which is going to save you a lot of your precious time! This course is also packed with techniques and tips, that you can only learn from a seasoned developer. You'll see how we'll create a brand new Angular project with Angular CLI and build an application from A to Z, step-by-step.

You'll also get to know ways to build a real-time SPA with Angular, Firebase, and Bootstrap. This application exhibits patterns that you see in a lot of real-world applications:

  • Master/detail

  • CRUD operations

  • Interaction with a data store

  • Forms with custom validation

  • And a lot more...!

PREREQUISITES

You don't need familiarity with TypeScript or any previous versions of Angular. You're going to learn both TypeScript and Angular from scratch in this course.

______________________________________________________________________________________________________________________________

WHAT OTHER STUDENTS WHO HAVE TAKEN THIS COURSE SAY:

"Explanation is crisp.. instructor is comfortable with the topic...examples used are good and easy to understand...various aspects of the code are explained...using MDB and material for angular both are covered for creating UI components...just only the full screen is shown at all times.. which makes things appear very small... screen highlight or zoom is not used while recording video.. rest all is great.. for learning angular" - Maneesh Parihar

"內容詳細" - Huang JiaLin

"That's a very comprehensive course on Angular that also teaches Angular Material and Firebase @Siddharth Ajmera: Thanks for this great course! As with so many other courses I would love to see some Summaries or cheatsheets as PDFs or foils and also I'd appreciate to see more schematics, graphs, and sketches." - He

"講解詳細" -曾玟凱

"This course was perfect for beginners like me. I learned so much from it. Thanks a lot Siddharth for such a good course. Looking forward to more courses from you. Can you please add a section that demonstrates building of an application end to end?" - ankita daur

"Siddarth explained the course in a very simple manner and with simple examples. Would love more indepth on Angular Material and Firebase from him. Great course." - Kumar

"There is so much information provided in this course. I was looking for custom Decorators and use cases where in they could be implemented to make the code cleaner. I found perfect examples on similar topics in this training. This course is great for beginners." - Kewal Shah

______________________________________________________________________________________________________________________________

30-DAY FULL MONEY-BACK GUARANTEE

This course comes with a 30-day full money-back guarantee. Take the course, watch every lecture, follow along while coding, and if you are not happy for any reason, contact Udemy for a full refund within the first 30 days of your enrolment. All your money back, no questions asked.


ABOUT YOUR INSTRUCTOR

Siddharth is a software engineer with around 5 years of professional experience. He is the author of this course with more than 15,000 students in 192 countries. He has done his Bachelor of Engineering in Computer Science. He has worked on several Modern Web Applications. Chatbots, and frameworks. He writes articles about Angular, and Chatbots on Medium.

What are the requirements?

  • Basic familiarity with HTML, CSS, and JavaScript

  • NO knowledge of AngularJS or Angular is required

What am I going to get from this course?

  • Establish yourself as a skilled professional developer

  • Build real-world Angular applications on your own

  • Troubleshoot common Angular errors

  • Master the best practices

  • Write clean and elegant code like a professional developer

What is the target audience?

  • Developers who want to upgrade their skills and get better job opportunities

  • Front-end developers who want to stay up-to-date with the latest technology

  • Back-end developers who want to learn front-end development and become full-stack developers

  • Hobbyist developers who are passionate about working with new frameworks

Typescript with React classes – quick start – Jest testing

Quickly stack using Typescript with React and build great apps! Don't stop here and write awesome tests with Jest!

Created by Alex Horea - Web and Cloud Developer

"]

Students: 54163, Price: $44.99

Students: 54163, Price:  Paid

THIS COURSE USES REACT CLASSES WITH PROPS AND STATE.

Typescript is becoming more and more popular! And the beloved React framework has embraced it! But often making them work together can be tricky. Here it will work from the first try.

React means act in response to something; respond in a particular way. This is the way you will make your UI behave.

In this short course you will learn how you can use them together, by building a small project:

  • Learn how to use Typescript interfaces and React properties and state

  • Learn how to configure React components as parent or child

  • Learn to pass data between components

  • Understand the React rendering process

  • Use Typescript classes and inheritance to make the React code more robust

  • Learn how to render React tables with async data.

  • Learn how to handle events and build your own event types with Typescript

  • Learn about React conditional rendering

In the second part of the course you will learn how to test your app with Jest:

  • Jest testing setup

  • Learn about jest coverage

  • Test with React testing library

  • Advanced jest testing techniques

Course structure:

  • Initial setup with Create React app

  • Extensive presentation on how to use components

  • Build app features like React forms, navbar, Router, history

Practice with the following tools:

  • NodeJs

  • NPM and NPM commands

  • Visual Studio Code

  • Jest

Course advantages:

  • Short and concise: your time is precious

  • Knowledgeable and programming active instructor

  • Big font, dark background

  • GitHub code diffs

At the end of the course you will be ready to use these two awesome technologies together and test them with Jest!

Are you ready to use Typescript alongside React? Get your Typescript editor ready and start coding your next app with your favorite language and framework!

Enroll now!

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

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: The Complete Developer’s Guide

Master Typescript by learning popular design patterns and building complex projects. Includes React and Express!

Created by Stephen Grider - Engineering Architect

"]

Students: 39644, Price: $89.99

Students: 39644, Price:  Paid

Composition vs Inheritance? You'll understand it.  Build your own web framework? You'll do it.  Typescript with React/Redux?  It's here!

--------------------

This is the best course online for mastering Typescript.

Every other course online teaches you the basic syntax and features of Typescript, but only this course will show you how to apply Typescript on real projects, instructing you how to build large, successful projects through example.

Typescript is a 'super-set' of Javascript.  That means that if you already know Javascript, you are ready to take this course.  Typescript adds in several important features to Javascript, including a type system.  This type system is designed to help you catch errors during development, rather than when you are running your code.  That means you'll be twice as productive by catching bugs earlier in development.  But besides the type system, Typescript also provides several tools for structuring large codebases and writing truly reusable code.

Mastering Typescript by reading the documentation alone is challenging.  Although you might know what a 'typed array' or an 'interface' is, the documentation (and other courses!) don't show you where to use this features, or how to use them effectively.  The goal of this course is to help you understand why each feature of Typescript exists, and exactly where to use them.

Top companies are hungry for Typescript developers.  Some of the largest web apps today are being built with Typescript.  Employers are scrambling to find engineers who are fluent with this cutting edge system.  Solid knowledge of Typescript will make you far more employable, by giving you a unique skill that few other engineers possess.

Planning on building your own apps?  Using Typescript will help you structure your project correctly from day one, ensuring that you won't be crushed under technical debt at some critical stage of your company.  In this course, you'll learn how to write reusable code, with a tremendous emphasis on leveraging classes and interfaces to make swappable 'widgets'.  You will be able to reconfigure your apps on the fly to build wildly different features with only a minimum amount of effort

Learn from someone who has worked on one of the largest Typescript projects around. On professional projects of my own, I have developed plugins for an open-source, browser-based code editor called Theia.  The Theia project is absolutely gargantuan in scale, encompassing hundreds of thousands of lines of code, all written in Typescript.  This project works only thanks to the power of Typescript.

But don't just take my word for it - check out the reviews for this course! You'll see that other engineers, just like yourself, have had great success and acquired a new understanding of how to build scalable web applications.

--------------------

There is just too much content in this course to summarize in a few short words, but here is a partial listing of the different skills you'll master:

  • Understand why Composition vs Inheritance is the most mis-understood topic in the Javascript community

  • Master the fundamental features of Typescript by working on real world projects

  • We'll build a custom front-end framework from scratch that you can use in place of React or Angular on your own personal projects

  • Comprehend the complex interplay between classes and interfaces, and why these two pieces of Typescript enable you to build incredibly reusable code

  • Dive deeper into Typescript with decorators, which we'll use to build a custom integration between Typescript and Express

  • Structure your React and Redux applications more confidently by understanding how to couple them with Typescript

  • Skip the documentation for third party libraries by fluently reading type definition files

  • Learn just how smart Typescript is by experiencing how deeply it analyzes your code for errors

I learned Typescript years ago by hard trial-and-error.  Now you can learn at 5x the speed I did.  This is the course that I wish I had when I first got started with Typescript.

Angular Essentials (Angular 2+ with TypeScript)

The most efficient way to dive into Angular 2+ if you got limited time or need to refresh the basics!

Created by Academind by Maximilian Schwarzmüller - Online Education

"]

Students: 28858, Price: $89.99

Students: 28858, Price:  Paid

Angular is an amazing JavaScript (TypeScript) framework which allows you to build small, medium or large Single-Page-Applications (SPAs). Since the code runs entirely in the browser, you can build user experiences which are way faster than traditional websites could ever be!

The skills required to build such SPAs are in extremely high demand since this kind of web app is very popular and allows you to build almost mobile-like, highly reactive user experiences. Indeed most modern web applications are built as SPAs today!

As the creator of the 5-star rated, BESTSELLING Angular course here on Udemy, I know what I'm talking about and I know what the core features of Angular are which you need to learn.

It's my goal to allow you to focus on these core features to get the quickest and best introduction into Angular, you can find!

Learning Angular never is a wrong choice and with this course, it's more correct than it ever was before! This course gives you the fastest and most efficient way of diving into Angular. If you don't want or can't take my Complete Guide on Angular or you want to get a feeling for Angular before doing so, this course is for you! It's also your #1 choice if you already know Angular but want to have resource for refreshing your basic Angular knowledge as fast as possible.

Whilst this course is much shorter, it gives you all the core insights into Angular you need. It focuses on the heart of Angular, the most important features Angular offers you and even shows you how to build a complete Angular app!

Telling by the length of the course, you might not believe it, but you'll actually learn about all these topics:

  • What Angular is
  • What TypeScript is - including a super-efficient introduction to it
  • How to use the CLI to create Angular projects and manage them
  • How Angular apps start and work
  • Which role components play and how to use them
  • How to bind and pass data
  • How to debug your app
  • How to use other, 3rd party JS libraries in an Angular app
  • How to use directives
  • How you may manage application state with services
  • How to turn your SPA into an "illusionary" MPA with routing
  • How to handle user input with forms
  • How to send Http requests
  • How to build your project, optimize it and deploy it
  • Much more!

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

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

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

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.

Master Class: React + Typescript 2021 Web Development

Completely master ReactJS with Fully Typescript Codes and learn how to think in React

Created by Rysher Magbanua - Fullstack Developer (ReactJS, NodeJS, AWS, Docker, Jenkins)

"]

Students: 27312, Price: $99.99

Students: 27312, Price:  Paid

Many new React Developers find ReactJS easy to learn and that is totally true. But the problem is when they are coding complex structures, the code becomes unmaintainable and ends up having spaghetti code. Some developers as well do not know all the functionalities that React offers and they end up coding like they are using Vanilla JS instead of doing everything the React Way. Bad way of coding always produce bugs and worst, an unfixable one.

If all React Developers know how to code the React Way, it will be very easy to create a future proof ReactJS application.

So in this course, we will learn everything that you need to know to master ReactJS. Everything will be created from scratch and we will not use any UI libraries so that you can create your own in the future. We will also use Typescript and rest assured that every code will have types.

To apply all the things that you will learn, we will create an E-commerce Shop with a lot of functionalities and components created from scratch. We will also apply the best practices in coding to make our code clean and create a future proof application.

After this course, you will know all everything that you need to know in ReactJS and be an expert in coding the React Way! You will be your own stackoverflow every time you encounter issues because you will have a total understanding of every functionalities and how they work.

Let's have some fun in this course!

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

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

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

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

Angular 2 Crash Course with TypeScript

Get in-depth knowledge of Angular 2 and TypeScript with this crash course for all skill levels.

Created by Stone River eLearning - 500,000+ Happy Students

"]

Students: 20333, Price: $89.99

Students: 20333, Price:  Paid

There’s no way around it. If you want to gain a competitive edge in UI/UX design, web development, or anything to do with mobile and desktop web apps, then you need to know Angular JS. Better yet, you need to know Angular 2, the latest version. This Angular 2 crash course will refresh your memory and get you updated on the essentials of the latest version. And if you’re just getting started with Angular JS, don’t worry this is the perfect introduction too.   

Get Up to Speed with Angular 2    

  • Understand Angular 2 and how it can help you as a developer

  • Code an Angular 2 project with an online IDE

  • Get to grips with Angular 2’s many powerful features

  • Improve your UI/UX design and development skills

  • Discover what’s new in the latest version of Angular

Upgrade your Programming Skills    

With 71 lectures and 5 hours of content, this Angular 2 online course will give you a thorough understanding of how Angular 2 solutions are designed, administered, and developed. If you’re a web, mobile or service app developer, architect, UI designer, tester or administrator, or if you just want to know how to get Angular 2 projects up and running, then this is the course for you.

 

You don’t need any Angular 1 or UI experience to take this course, although if you’re familiar with creating web UIs with normal JavaScript tools (jQuery, Bootstrap, etc.), or object-oriented scripting languages like Java, C#, Python etc., you’ll already have a head start.

 

The course will begin with an introduction to TypeScript, the Cloud9 IDE and using Angular 2 modules. Then you’ll get stuck into Angular 2’s components, building a UI and binding your data. After that things get a little more challenging with a breakdown of advanced component concepts and component composition. From there you’ll jump into services, web services, and routing before setting up Angular 2 from scratch.

 

By the end of this course you’ll be able to set up and get going on your own Angular 2 projects quickly, easily, and efficiently.

 

About Angular JS

 

Angular is a development platform for building mobile and desktop web applications. It’s a structural framework that allows you to use HTML as your template language, and is JavaScript based. It has many high-power features like data binding and dependency injection that eliminates huge chunks of coding for the developer, making the process much more efficient and streamlined.  It’s mostly maintained by Google and a wide network of users.  Angular 2 is the latest version of the framework, first released in September 2014.

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

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.

React and Typescript: Build a Portfolio Project

Expand your portfolio of projects by building a complex app with the latest web technologies.

Created by Stephen Grider - Engineering Architect

"]

Students: 14603, Price: $99.99

Students: 14603, Price:  Paid

You've learned React, but what now? Time to build an awesome project for your portfolio!

Prove your React knowledge to employers.

There are hundreds of resources online for teaching you the basics of React, but few of them go beyond the basics. You need more - something to teach you how to build a large, interesting app. Something unique, something more than another to-do list.

This course is your answer.

Kick off your learning experience with an introduction on how to use React and Typescript together. Not familiar with Typescript? No problem! A lightning fast - but comprehensive - tutorial is included!

Once you're ready with React and Typescript, you'll dive into our big project. You are going to build an interactive browser-based coding environment. It's like a Jupyter Notebook, but for Javascript, with many additional features added in. Yes, this is what you are going to build in this course! You will solve incredible challenges around bundling and transpiling code directly in the browser. This is a task normally done by running Webpack and Babel at your terminal! You will execute users' code safely in the browser just like how famous services like CodeSandBox and CodePen do. Finally, you'll deploy this project using a multi-package architecture to NPM, where your friends and employers can easily download and run your project.

During this entire project, I will show you a variety of different solutions to an incredible number of problems. I will show you step-by-step how to solve each problem. You will also see many concerns around performance and security addressed.

At the end of the course, you will have an amazing portfolio project with excellent looks and functionality. You will understand every line of code, and be able to explain every bit to potential employers.

Here's a partial list of the topics that will be covered in this course:

  • Master the use of React, Redux, and Typescript together

  • Build a complex and interesting app using a package-based architecture

  • Understand the challenges of in-browser code transpiling and and processing

  • Secure your app against potential security exploits

  • Safely execute user-provided code directly in the browser

  • Run a code editor directly in the browser - the same editor used by VSCode!

  • Leverage Web Assembly to run a code bundler directly in the browser at lightning-fast speeds

  • Use the internals of Redux to manually test out your business logic

  • Discover dozens of tricks to build a sleek UI

  • Deploy your app to the NPM registry, where others can easily use it

I built this course to help you apply your React skills. Sign up today and build an incredible app that will prove your knowledge.

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

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.

Introduction to TypeScript Development

Get ready to build React, Vue and Angular web and mobile applications by learning the TypeScript programming language.

Created by Jordan Hudgens - CTO at Bottega Code School

"]

Students: 8958, Price: $39.99

Students: 8958, Price:  Paid

April 2021 course update: Added an entire section that shows how to build a React application with TypeScript 4! Also added a new Advanced Techniques section

Do you want to build Angular, React JS, or Vue JS web and mobile applications? If that's your goal it's vital that you learn the TypeScript programming language, and that's exactly what we're going to walk through in this course. My name is Jordan Hudgens, and I'll be your instructor for the course. In addition to being the lead instructor for devCamp I've also been building web applications for over a decade for organizations such as Eventbrite and Quip.

After you have completed this course you'll be ready to start learning how to work with the React, Vue and Angular application frameworks. Angular 2 was rebuilt from the ground up in order to take advantage of modern development practices, and the framework creators actually built the new version completely in the TypeScript programming language. This is the reason why TypeScript is so important to learn for aspiring Angular developers.

In this course we're going to start with the basics and I'm going to show you how fun it is to build TypeScript programs. After you're familiar with the syntax, we're going to move onto more advanced TypeScript development techniques, such as: working with closures, object oriented programming, real time asynchronous development, and decorators.

My focus for this course isn't to teach you how to build TypeScript console applications. Instead, my goal is to teach you the skills you will need in order to build real world Angular 2 applications. And actually, this course includes the exact material we teach at our devCamp coding bootcamps prior to students going through our immersive Angular 2 course.

There are no technical pre-requisites to this course. The ideal student is an individual who wants to learn how to build Angular 2 applications. I will show you how to install and run TypeScript programs on both a Mac and a PC. And you can use either operating system to follow along with the course material.

Each lesson of the course is paired with the source code that I used in the lecture so you can check your work.

Please feel free to review the course curriculum and I look forward to going through the material with you on your development journey!

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

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

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.

Using TypeScript with React

Learn how to use TypeScript to build React projects (including Next.js and Apollo GraphQL).

Created by Dmytro Danylov - JavaScript Software Engineer

"]

Students: 5725, Price: $99.99

Students: 5725, Price:  Paid

What is this course about?

Nowadays, TypeScript and React are extremely popular in the world of front end, and many companies use them to develop their web apps. Therefore, being able to build React apps using TypeScript is quite a valuable skill in 2020. This course will teach you the TypeScript skills that are necessary to start building React apps with confidence.

You’ll learn how to describe types for the function and class components, use higher order components and render props patterns for code reuse, import third-party libraries, their types, and create custom types for them if necessary.

This course is most suited to those who have worked on React applications in the past and now want to learn TypeScript.

You'll learn how to use TypeScript to build a React web application.

What are we going to build?

Project 1:

We'll build an example Create React App project with TypeScript and Redux. The focus of this project is to show how to use TypeScript with Redux while developing a simple web app.

Project 2:

We’ll build a task list app called "Task Mate" using the Next.js framework and Apollo GraphQL libraries. You’ll learn how to:

  • use hooks

  • create and use a higher order components

  • merge declarations

  • create types for GraphQL queries and mutations and use them

So, ready to broaden your skills in front end? If so, then take this course and let’s start coding!

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

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.

Typescript Masterclass & FREE E-Book

Learn Typescript: Build a Node REST API in Typescript, query it with Angular

Created by Angular University - Best Selling Angular Courses | 100k+ students | 16 courses

"]

Students: 4143, Price: $94.99

Students: 4143, Price:  Paid

Important:  By enrolling you also get very fast and friendly student assistance. If you have questions please post a question and i'll get back to you ASAP. Remember I'm here (every day) to help you and can answer you also in French and Spanish if you prefer.

This course also includes the Ebook:  Typescript Jumpstart - Fast-track to Typescript Proficiency, For Experienced Developers.

This Course in a Nutshell

You are going to learn Typescript, its ES6 Features and its advanced type system in depth. You will then use Typescript to build a Node REST API in Express and query a SQL database in Typescript using the Sequelize ORM. You will build a small Angular Typescript Client using the Angular CLI and you will query the REST API using the Angular HTTP Module. 


The Main Goal Of This Course

The main goal of  the course is that you learn not only the Typescript language features, but that you also learn how to use them in practice to build concrete programs. We will cover the benefits of type safety and how it helps us to write better programs.


Why Typescript?

We wouldn't be surprised if Typescript get tremendous adoption by the enterprise in the next few years, and at the same time by the web development community. But there is something really unusual about Typescript.

This might have actually happened before maybe with Ruby on Rails, but its likely unique. With Angular and Typescript, we have one of those very rare situations when a framework is actually more popular than the language itself ! 

Angular has about the double of the search volume than Typescript, and what is stranger is the Angular trend curve is growing faster than Typescript as well.

Don't just use Typescript like if it was another language, Let's Master It!

So what do these trend results mean? That many of us are finding the language so easy to use when coming from another language that we manage to get by without diving deep into Typescript. And many of us might not have realized just how amazing this language is, and see its true disruptive potential in the enterprise and beyond.

Is Typescript Mostly for Angular?

No, Typescript is not only for Angular, its a very powerful programming language, and its latest version Typescript 2 is so feature complete when compared to many other languages, and yet so simple to use.

Object Oriented or Functional? 

There is great support for both functional and object oriented programming, its all there. In this course we will also cover OO programming but the main focus is on functional programming. How do we make sense of all this huge amount of features? What are the ones that we will be using everyday, vs the ones that we will likely almost never use? And yet the biggest feature of the language goes beyond the language itself.

Write Once, Run Anywhere?

Typescript does allow us to do that, and that is maybe the most underrated feature of Typescript. Building the frontend and the backend of an application using completely different languages and ecosystems significantly raises the difficulty of building web applications.

We could use Typescript in a Full Stack way, by building our whole application with it. The type safety features and the great tooling like auto-completion and refactoring make Typescript very appropriate for use in enterprise settings, where developers are used to these features since a long time.

We could build our REST API and our database access layer in Node using Typescript, and share some code between the frontend and the backend. And that is exactly what we will be learning in this course !

What You will Learn In This Course?

We will do a complete introduction to Typescript 2 and to its type system. We will then immediately apply these new concepts to a practical example: we will build a REST API in Node using Express and Typescript, and then we will query a Postgresql relational database using the Sequelize ORM. 

Learn How to use libraries in a Type Safe Way

We will learn how to use Typescript with third party Javascript libraries and still write type safe programs. The goal is to give a theoretical introduction to the language, but then immediately drive home those concepts by applying them to everyday tasks that we will all do in our daily lives as software developers.

Course Overview

The course structure is simple: we will setup the Webstorm IDE step by step, and start introducing Typescript simply as a better Javascript, showing main of the ES6 features that we can use already today. 

Then we will do a deep dive into the type system and specifically into the features supported by Typescript 2. With this in place we will start writing our REST API from scratch and enhance it step by step.

Functional Programming First, OO also covered

We will learn best practices for building our backend in a functional way and on how to build APIs with Express. We will discuss aspects like API security and error handling. Sequelize is our ORM of choice we will show how to query SQL database tables and show how to compose our program into reusable small functions and use them to compose promise chains to handle API requests.

Object Oriented, Generics, Decorators

With the API built, we will go back to the drawing board and only now introduce Object Oriented Programming, Generics and Decorators. With this last foundational blocks we will go back to out program and we will enhance by further adding type safety to it. 

Build a Small Angular Application, Share Code Between Backend and Frontend

We will then build a small frontend in Angular using the Angular CLI to query the API and display a list of lessons. We will do so by sharing some code between the backend and frontend.

What You Will Be Capable of Doing at the End of the Course

What you will end up with does not seem like much, but its what the industry has been looking for for a very long time: a type safe program built full stack using only one language, based on functional programming principles and sharing some code between the backend and the frontend.

I'm pretty sure you will have lots of fun taking this course! 

This course is very practical but still goes in depth in a lot of areas. The focus goes beyond the features, I want you to know not only the features, the goal is to know them but know when to use them, when not to use them and why, what features are frequently used vs the features that are rarely used. Because that's the most important information that really helps us to build applications in our every day lives as software developers.

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

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!!!

NestJS: The Complete Developer’s Guide

Build full featured backend APIs incredibly quickly with Nest, TypeORM, and Typescript. Includes testing and deployment!

Created by Stephen Grider - Engineering Architect

"]

Students: 3331, Price: $89.99

Students: 3331, Price:  Paid

Authentication/Authorization? Covered.  Automated Testing? Yep, it's here!  Production Deployment? Of course!

Congratulations! You've found the complete guide on how to build enterprise-ready apps with NestJS.

NestJS is a backend framework used to create scalable and reliable APIs.  It is a "battery-included" framework; it includes tools to handle just about every possible use case, from data persistence, to validation, to config management, to testing, and much, much more.  This course will help you master Nest. By the time you complete this course, you will have the confidence to build any app you can imagine.

Throughout this course you will build a series of apps with growing complexity.  We use as few libraries and tools as possible.  Instead, you will write many custom systems to better understand how every piece of Nest works together.  Each application you build includes discussion on data modeling and persistence. We will first save records in a simple file-based data store (built from scratch) and eventually work our way up to saving data in a production-grade Postgres instance.

Testing is a fundamental topic in Nest. A tremendous amount of functionality in Nest is dedicated to making sure your project is easy to test. This course follows Nest's testing recommendations, and you will write both integration and unit tests to ensure your project is working as expected. Although testing can sometimes be confusing and boring, I have put special care into making sure the tests we write are expressive, fast, and effective.  You will be able to use this knowledge on your own projects, even those that don't use Nest!

Typescript is used throughout this course to make sure we are writing clean and correct code. Don't know Typescript? Not a problem! A free appendix is included at the end of the course to get you up to speed on Typescript.  Once you're familiar with it, Typescript will help you catch errors and bugs in your code before you even run it.  If you've never used Typescript before you are in for a treat :)

--------------------------------------

Everything in this course is designed to make your learning process as easy as possible.

  • At every step, I will teach you what Nest is doing internally, and help you understand how to twist and bend Nest to better suit your application's needs. 

  • Every single video in the course has an attached ZIP file containing up-to-date code, just in case you ever get stuck.

  • Full-time teaching assistants are standing by to help answer your questions

  • Access private live chat server is included. Live help whenever you need it!

--------------------------------------

Here's a partial list of the topics included in this course:

  • Securely deploy your app to production

  • Write automated integration and unit tests to make sure your code is working

  • Build an authentication system from scratch to log users in

  • Allow users to perform certain actions with a permissions system

  • Store and retrieve data with complex queries using TypeORM

  • Understand how TypeORM handles data relationships

  • Write declarative code using property, method, and parameter decorators

  • Master the concept of dependency injection to write reusable code

  • Implement automatic validation of incoming requests

  • Format outgoing response data with a custom DTO system

  • Handle incoming requests and outgoing responses using Guards and Interceptors

  • Segment your code into reusable Nest Modules

  • Add structure to your database using migrations

I had a tough time learning NestJS.  There are a tremendous number of outdated tutorials around it, the documentation is sometimes unclear, and Nest itself is just plain hard to understand.  I made this course to save you time and money - a course to show you exactly what you need to know about every topic in Nest.  You will find learning Nest to be a delightful experience and pick up a tremendous amount of knowledge along the way.

Sign up today and join me in mastering NestJS!

Three.js and TypeScript

Learn Threejs, TypeScript and NodeJS to create interactive 3D content on the web.

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

"]

Students: 2743, Price: $99.99

Students: 2743, Price:  Paid

Welcome to my course on Three.js and Typescript.

In this course we will learn all about Three.js, write it in TypeScript, and also write a HTML client and server component using Webpack and NodeJS.

The course is in 5 main sections,

  1. Setting up the development environment and installing TypeScript

  2. Create a Three.js boilerplate project. This section is optional, you can install a pre-built boilerplate in part 3 instead, but building it manually from the ground up will give you a very good understanding of the aspects involved in creating a new Three.js project from scratch.

  3. Install the Threejs Course Boilerplate, in case you didn't manually create it in part 2.

  4. Learn all about the many aspects of Three.js from the core up to using it in more advanced examples and involving other third party libraries.

  5. Deploying to Production. We will look at several different options that you have for hosting your Threejs projects publicly on the internet.

All code is provided in the accompanying documentation so that you can easily copy and paste, in case you don't want to pause the video and copy from the screen. Links to the documentation are in the resources along side each video.

TypeScript introduces type safety in our code which makes it much more robust and gives the IDE extra tools such as intellisence that we can use to help us find and understand the available Threejs properties and methods and code more accurately and much faster.

Thanks for taking part in my course, and I will see you there.

Sean

Typescript basics for beginners

a journey to learn webdriverIO (test automation)

Created by Kamal Girdher - Professional Trainer and Automation Expert

"]

Students: 2464, Price: Free

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