Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Life Purpose Meditation Personal Transformation Neuroscience Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Programming Languages Typescript

Typescript: The Complete Developer's Guide [2020]

Master Typescript by learning popular design patterns and building complex projects. Includes React and Express!
Rating: 4.7 out of 54.7 (5,877 ratings)
33,121 students
Created by Stephen Grider
Last updated 2/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Master design patterns for building large applications
  • Integrate Typescript into React/Redux or Express projects
  • Understand Composition vs Inheritance, and when to use each
  • Write reusable code powered by classes and interfaces
  • Assemble reusable boilerplates for your own Typescript projects
Curated for the Udemy for Business collection

Course content

18 sections • 279 lectures • 24h 35m total length

  • Preview01:04
  • Join Our Community!
    00:07
  • Preview06:19
  • Preview07:59
  • A First App
    04:43
  • Executing Typescript Code
    05:03
  • One Quick Change
    03:35
  • Catching Errors with Typescript
    07:22
  • Catching More Errors!
    05:15

  • Do Not Skip - Course Overview
    03:36
  • Types
    05:12
  • More on Types
    05:53
  • Examples of Types
    04:48
  • Where Do We Use Types?
    00:49
  • Types
    3 questions

  • Type Annotations and Inference
    02:03
  • Annotations with Variables
    04:53
  • Object Literal Annotations
    06:53
  • Annotations Around Functions
    05:55
  • Understanding Inference
    03:51
  • The 'Any' Type
    07:47
  • Fixing the 'Any' Type
    01:49
  • Delayed Initialization
    03:05
  • When Inference Doesn't Work
    04:37

  • More on Annotations Around Functions
    04:56
  • Inference Around Functions
    06:08
  • Annotations for Anonymous Functions
    01:42
  • Void and Never
    02:49
  • Destructuring with Annotations
    03:35
  • Annotations Around Objects
    07:05

  • Arrays in Typescript
    05:05
  • Why Typed Arrays?
    04:30
  • Multiple Types in Arrays
    02:57
  • When to Use Typed Arrays
    00:54

  • Tuples in Typescript
    04:04
  • Tuples in Action
    05:28
  • Why Tuples?
    03:20

  • Interfaces
    01:26
  • Long Type Annotations
    04:42
  • Fixing Long Annotations with Interfaces
    04:36
  • Syntax Around Interfaces
    03:31
  • Functions in Interfaces
    04:46
  • Code Reuse with Interfaces
    04:15
  • General Plan with Interfaces
    03:12
  • Interfaces
    5 questions

  • Classes
    03:47
  • Basic Inheritance
    03:03
  • Instance Method Modifiers
    06:41
  • Fields in Classes
    06:18
  • Fields with Inheritance
    04:18
  • Where to Use Classes
    01:09

  • App Overview
    02:45
  • Bundling with Parcel
    04:55
  • Project Structure
    03:19
  • Generating Random Data
    05:29
  • Type Definition Files
    05:17
  • Using Type Definition Files
    06:20
  • Export Statements inTypescript
    05:06
  • Defining a Company
    04:43
  • Note on Generating an API Key
    00:24
  • Adding Google Maps Support
    07:38
  • Google Maps Integration
    04:06
  • Exploring Type Definition Files
    12:46
  • Hiding Functionality
    06:28
  • Why Use Private Modifiers? Here's Why
    08:25
  • Adding Markers
    09:18
  • Duplicate Code
    02:45
  • One Possible Solution
    06:38
  • Restricting Access with Interfaces
    05:35
  • Implicit Type Checks
    03:26
  • Showing Popup Windows
    06:47
  • Updating Interface Definitions
    07:11
  • Optional Implements Clauses
    06:06
  • App Wrapup
    08:08

  • App Overview
    01:34
  • Configuring the TS Compiler
    07:40
  • Concurrent Compilation and Execution
    05:05
  • A Simple Sorting Algorithm
    04:47
  • Sorter Scaffolding
    03:10
  • Sorting Implementation
    05:17
  • Two Huge Issues
    07:37
  • Typescript is Really Smart
    09:34
  • Type Guards
    09:13
  • Why is This Bad?
    02:22
  • Extracting Key Logic
    07:29
  • Separating Swapping and Comparison
    13:58
  • The Big Reveal
    04:38
  • Interface Definition
    04:48
  • Sorting Arbitrary Collections
    11:08
  • Linked List Implementation
    24:15
  • Completed Linked List Code
    00:01
  • Just...One...More...Fix...
    04:03
  • Integrating the Sort Method
    02:44
  • Issues with Inheritance
    06:54
  • Abstract Classes
    06:25
  • Why Use Abstract Classes?
    04:30
  • Solving All Issues with Abstract Classes
    04:00
  • Interfaces vs Abstract Classes
    03:23

Requirements

  • Basic knowledge of ES2015 Javascript

Description

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.

Who this course is for:

  • Any Javascript developer looking to understand how to structure large codebases

Featured review

Jeremy Peters
Jeremy Peters
173 courses
35 reviews
Rating: 4.5 out of 5a year ago
This is the best typescript course that is on here that I can see. He really goes through the ins and outs of Typescript in an engaging way. I thought that he doesn't provide the code but you can find the code on github at /StephenGrider/typescriptcasts. UPDATE: I love how instead just coding up something, he teaches the concepts involved and helps you learn the ins and outs of Typescript. Bravo! I'd like to be able to access the code from lesson to lesson.

Instructor

Stephen Grider
Engineering Architect
Stephen Grider
  • 4.7 Instructor Rating
  • 284,956 Reviews
  • 750,284 Students
  • 29 Courses

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area.  With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers.  Invest in yourself by learning from Stephen's published courses.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.