Typescript From Zero To Expert (2024)

What you'll learn
TypeScript Fundamentals
Object Oriented Programming
Inheritance
Abstract Classes and Interfaces
Requirements
Basic knowledge of HTML
Basic knowledge of JavaScript
Basic knowledge of CSS
Description
TypeScript, a programming language developed by Microsoft, serves as a powerful enhancement to Javascript by introducing static types and class-based objects. As a superset of Javascript, TypeScript integrates seamlessly with existing Javascript code, offering a more structured and scalable approach to coding. This language's unique features cater to developers seeking to leverage the benefits of both static typing and object-oriented programming within the dynamic world of JavaScript.This comprehensive course is designed to guide you through the intricacies of TypeScript, starting from the foundational concepts to more advanced features. Whether you are new to TypeScript or looking to deepen your understanding, this course offers a structured pathway to mastering the language.We begin by exploring the basics of TypeScript, including its syntax, data types, and the way it extends JavaScript's capabilities. As you progress, you'll delve into the core principles of object-oriented programming, an approach that promotes cleaner, more manageable code. You'll learn about classes, interfaces, inheritance, and polymorphism, all within the context of TypeScript.The course also covers advanced topics such as generics, which provide a way to create reusable components, and decorators, a TypeScript feature that offers a declarative approach to modifying class behavior. These concepts are crucial for developing sophisticated applications and understanding modern software design patterns.A unique aspect of this course is its emphasis on practical application. You'll be engaged in hands-on projects that involve integrating TypeScript with popular technologies like React.js and Node.js. These projects are designed to mimic real-world scenarios, allowing you to apply your learning in a practical context and build a portfolio of work that demonstrates your skills.By the end of this course, you will have a thorough understanding of TypeScript's features and capabilities. You'll be equipped with the knowledge to write more efficient, error-resistant, and maintainable code, making you a valuable asset in the world of web application development. This course not only enhances your technical skills but also prepares you for the evolving demands of the software industry, where TypeScript is becoming increasingly prevalent.
Overview
Section 1: Introduction
Lecture 1 What is TypeScript
Lecture 2 TypeScript in Action
Lecture 3 Installing and configuring Visual Studio Code
Lecture 4 Installing NodeJs
Lecture 5 Creating our first program with TypeScript
Lecture 6 Installing Useful Visual Studio Code Extensions
Section 2: Primitive Data Types
Lecture 7 The number data type in TypeScript
Lecture 8 The String Data Type in TypeScript
Lecture 9 The boolean data type in TypeScript
Lecture 10 The object data type in TypeScript
Lecture 11 The array data type in TypeScript
Lecture 12 The Tuple data type in TypeScript
Lecture 13 Enum data type in TypeScript
Lecture 14 The any data type in TypeScript
Lecture 15 The Union Data Type in TypeScript
Lecture 16 The Literal Data Type in TypeScript
Lecture 17 Type Aliases in TypeScript
Lecture 18 Functions as Types in TypeScript
Lecture 19 Function Callbacks in TypeScript
Lecture 20 Data type unknown
Lecture 21 The data type never
Section 3: TypeScript project configuration
Lecture 22 Understanding the watch mode
Lecture 23 Initializing the project to monitor all files
Lecture 24 Changing JavaScript versions with the target option
Lecture 25 Managing libraries in our project with lib
Lecture 26 The options allowJs, checkJs, jsx, and d-ts files
Lecture 27 The sourceMap option
Lecture 28 The outDir and rootDir options
Lecture 29 The removeComments, noEmit and downlevelIteration options
Lecture 30 The noEmitOnError option
Lecture 31 Strict Options
Lecture 32 Additional checks
Lecture 33 Include and Exclude
Lecture 34 Setting up a web server for our TypeScript apps
Lecture 35 Debugging TypeScript applications
Section 4: Project # 1: Color Flipper
Lecture 36 Project implementation
Lecture 37 Adding a callback
Section 5: Object Oriented Programming
Lecture 38 Understanding the concept of classification
Lecture 39 What is a class?
Lecture 40 Creating our first class
Lecture 41 Defining methods for our class
Lecture 42 Creating instances of a class
Lecture 43 Controlling the accessibility to our classes
Lecture 44 Constructors
Lecture 45 Simplified property creation
Lecture 46 Static methods
Lecture 47 Static properties
Lecture 48 Read-only static properties
Section 6: Project # 2: Tasker
Lecture 49 Project creation and section definition to add tasks
Lecture 50 Creating sections for completed and incomplete tasks
Lecture 51 Creating the class TodoItem
Lecture 52 Creating the TaskManager class
Lecture 53 Creating the button EventListener
Lecture 54 Creating the HTMLHelper class
Lecture 55 Filling sections with corresponding items
Lecture 56 Marking the TodoItem as completed
Lecture 57 Final Adjustments
Section 7: Inheritance
Lecture 58 Understanding Inheritance
Lecture 59 Creating a MultimediaFile class
Lecture 60 Implementing Inheritance
Lecture 61 Invoking base constructors
Lecture 62 Assigning Classes
Lecture 63 Polymorphism
Lecture 64 Understanding the 'protected' access modifier
Lecture 65 Getters and Setters
Section 8: Project # 3: TypeShapes
Lecture 66 Creation of the HTML structure
Lecture 67 Creating the Line class
Lecture 68 Drawing random lines
Lecture 69 Adding Inheritance
Lecture 70 Drawing Circles
Lecture 71 Drawing Text
Section 9: Interfaces and abstract classes
Lecture 72 Problematic
Lecture 73 Defining interfaces
Lecture 74 Implementing Interfaces
Lecture 75 Inheriting and implementing interfaces at once
Lecture 76 Interface Extension
Lecture 77 Referencing a class through its interface
Lecture 78 Read-only properties
Lecture 79 Interfaces as function types
Lecture 80 Properties, optional parameters and methods
Lecture 81 Abstract classes
Lecture 82 Abstract Methods
Section 10: Project # 4: CineFans
Lecture 83 Practice - CineFans
Section 11: Advanced Types
Lecture 84 Discriminated Unions
Lecture 85 The Intersection type in TypeScript
Lecture 86 Type Guards
Lecture 87 TypeGuard instanceof
Lecture 88 Type Casting
Lecture 89 Index Properties or Index Signature
Lecture 90 Function overloads
Lecture 91 Optional Chaining
Section 12: Generics
Lecture 92 Creating a Stack
Lecture 93 Addition of push and pop methods
Lecture 94 Problems with the Stack
Lecture 95 How a generic class works
Lecture 96 Other features of Generics
Lecture 97 Redefining the stack
Lecture 98 Generics and Constraints
Lecture 99 Using generics in functions
Lecture 100 The use of keyof
Section 13: Decorators
Lecture 101 Introduction
Lecture 102 Syntax of a Decorator - Class Decorator
Lecture 103 Decorator factories
Lecture 104 Creating a more realistic decorator
Lecture 105 Creating another class decorator
Lecture 106 Changing a class constructor through a decorator
Lecture 107 Multiple decorators
Lecture 108 Method Decorators
Lecture 109 Property Decorators
Lecture 110 Parameter Decorators
JavaScript developers who wish to add data typing to their projects,Developers who are accustomed to programming with the Object Oriented paradigm
Homepage