Typescript - The Developer'S Secret Weapon (2024 Edition)

An advanced TypeScript course for everyone! config | types | modules | generics | enums | interfaces | self-hosting etc

What you'll learn

Understand the purpose of TypeScript in modern web apps

Grasp how JavaScript can be enhanced with TypeScript

Produce solid, powerful JavaScript code, free of errors

Build a custom project in TypeScript

Enhance code organization through the use of ES6 modules

Master the TSC compiler, and advanced concepts

Write JavaScript in a static way, to reduce errors and enhance code

Understand the future of TypeScript

Understand how TypeScript can be used alongside JSDocs and //@ts-check

Understand advanced concepts such as generics, compiler installation, shebang lines, extends and more!

Requirements

Basic knowledge of JavaScript

A Mac or PC

Description

TypeScript is the premier tool used by advanced developers to keep their JavaScript code structured and clean.Installation? Covered. TypeScript Configuration files? We got it. Building a real project in pure TypeScript? Its here!You'll dive deep into TypeScript, a powerful superset of JavaScript that adds static types to your code. Mastering TypeScript can be challenging, but this course is designed to make it straightforward and accessible. You'll learn how to leverage TypeScript's features to enhance your development process and optimize your applications.WHY TYPESCRIPT?Understanding Type Annotations and Static Typing: TypeScript introduces static typing to JavaScript, allowing developers to specify types for variables, function parameters, and return values. This helps catch errors during development rather than at runtime, improving code quality and maintainability.TypeScript is gaining popularity in the development community for its ability to catch errors early and improve code quality. This course is the most comprehensive TypeScript course available online, focusing on practical applications and real-world scenarios.COURSE HIGHLIGHTS:Quick Start: Get up and running with TypeScript in no time, learning the essential concepts you need to understand and build TypeScript-based projects.No More Boilerplates: Tired of using boilerplate code without understanding it? This course will empower you to customize your projects according to your specific needs.Extensive Content:Understand why TypeScript is self-hosted, meaning it compiles itself and runs on its own type system. Did you know that TypeScript is self-hosted, meaning it is written in TypeScript itself? This allows it to leverage its own features during development and compilation, demonstrating the language's capabilities and providing insights into its design philosophy.Explore the different ways to install TypeScript, including npm and via NuGet.Learn about the LIB and BIN folders that are created when you install TypeScript. When you install TypeScript, it creates LIB and BIN folders. The LIB folder contains reusable libraries, while the BIN folder holds executable files. Knowing the purpose of these folders helps in managing dependencies and understanding the structure of your TypeScript environmentDiscover the various ways you can use TypeScript, from writing server-side applications to building client-side web apps.In-Depth Learning:Understand the differences between JavaScript and TypeScript, including type annotations and interfaces.Learn how to set up a TypeScript project for efficient module bundling.Use advanced features like generics, interfaces, DOM & event-type casting, enums, implicit vs explicit types, and more to write cleaner, more maintainable code.Discover how large projects like Svelte and Drizzle view TypeScript.Master TypeScript to minimize runtime errors.While TypeScript can seem daunting at first, this course will guide you through each concept with clarity. You'll find that mastering TypeScript requires just a bit of focus and practice. With clear explanations and practical examples, you'll quickly grasp how to apply TypeScript effectively in your projects.I design courses that I would want to take myself, ensuring every topic is covered in detail with supporting pictures and examples. You'll learn the background of each feature and understand where and how to apply them to solve real-world problems effectively.Join this course and become a proficient TypeScript developer!Let's get crackin'

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Dynamic vs Static Typing

Lecture 3 Visual Studio Code has built-in TypeScript support

Lecture 4 Browsers and servers only understand JavaScript

Lecture 5 Transpiling TypeScript

Lecture 6 Recap

Section 2: Installing & Running TypeScript

Lecture 7 Section intro

Lecture 8 The 2 ways to use TypeScript

Lecture 9 Using TypeScript without the official compiler - natively in Node

Lecture 10 Using TypeScript without the compiler, natively in the browser

Lecture 11 Using TypeScript without the compiler, using libraries and runners

Lecture 12 TypeScript - did you know?

Lecture 13 Three ways to install the TSC compiler

Lecture 14 Why is Node so popular for executing the TSC

Lecture 15 Compiling your first TypeScript file into JavaScript using npm

Lecture 16 TSC uses your PATH variables

Lecture 17 Understanding batch scripts vs TSC executable

Lecture 18 TSC Bin and Lib folders

Lecture 19 Shebang line and the chickenEgg problem

Lecture 20 TSC self-hosting and bootstrapping

Lecture 21 Creating a script file for our project

Lecture 22 Starting project files

Section 3: TypeScript config file

Lecture 23 Adding a TS config file

Lecture 24 TypeScript does a good job of keeping up with latest JS features (ESNext)

Lecture 25 Setting outDir and rootDir properties

Lecture 26 TypeScript can bundle files

Lecture 27 Modules

Lecture 28 Using the –watch flag

Section 4: TypeScript Course Project

Lecture 29 Implicit and Explicit Types

Lecture 30 Intro to the Type alias and Interfaces

Lecture 31 Conditional types and Generics

Lecture 32 Programming error codes, and DOM Type Casting

Lecture 33 Adding event listeners with Event Types

Lecture 34 Using ES6 modules in TypeScript

Lecture 35 Objects (Interfaces and Types), and the readonly access modifier

Lecture 36 Object Record Type

Lecture 37 Enums

Lecture 38 Interfaces vs Types

Lecture 39 Define a createBox function and set its argument type

Lecture 40 Styling and adding the box to the DOM

Lecture 41 Generate a random color and define a setColor function

Lecture 42 Return public properties in our createBox function

Lecture 43 nounusedlocals config property

Lecture 44 Start the buildBox function, and perform basic input validation

Lecture 45 Implement a setTimeout() method, and start the box counter

Lecture 46 Arrays and Tuples

Lecture 47 Importing our module, and creating a dynamic array using values and filter

Lecture 48 Using the global Math object to generate a random box size (or bomb)

Lecture 49 Timeout - can you extend a generic type?

Lecture 50 Timeout - fixing the error in the rgb() method

Lecture 51 Import the createBox() function, generate a box, and add it to a global array

Lecture 52 Testing our code

Lecture 53 Styling elements when a BOMB is returned

Lecture 54 Final project amendments and testing

Lecture 55 Project source code (functional approach)

Lecture 56 Using the "class" syntax to define the createBox function

Lecture 57 Updating the main source file, and testing the class code

Lecture 58 Project source code (class approach)

Section 5: TypeScript Advanced Quiz

Section 6: The Future of TypeScript

Lecture 59 The future of TypeScript

Lecture 60 JSDocs and //@ts-check

Lecture 61 Does Svelte and Turbo 8 support TypeScript

Lecture 62 Drizzle support for TypeScript

Lecture 63 New ECMAScript proposal for type checking

Section 7: Outro

Lecture 64 Outro

Any aspiring developer with a basic knowledge of JavaScript