Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Typescript | Type script & Typescript React from Scratch
Introduction to TypeScript
How to Get Help? (1:27)
A Birdseye View of TypeScript (8:47)
Initial Setups for Typescript (8:14)
FAQ About Type Script
First App in Type script
App Review (5:53)
How to Run TypeScript Code (7:03)
A Subtle Adjustment (5:07)
Catching Errors in Typescript (10:29)
Catching Errors 5-Catching Errors 2 (6:06)
quiz
Types in Typescript
Types in TypeScript (7:18)
Types in TypeScript 2 (8:20)
More Types with Examples (6:25)
Where Do We Use Types (1:23)
quiz
Type Infrence and annotation in Typescript
Introduction of Type Annotation and Infrence (2:53)
How Do Annotatitons Work in Typescript (6:53)
Annotations Around Objects (9:38)
Function Annotations in Type script (8:07)
Type Infrence (5:34)
quiz
Any Type in Typescript
Understanding 'Any' Type (11:09)
Fixing 'any' Type (2:49)
Initiate Annotation Later in Typescript (4:38)
When type can not be inferred (7:00)
quiz
Functions in Type Script
Annotations with Functions (7:16)
Type Infrence with Functions in Typescript (8:42)
Using Annotations with Anonymous Functions (2:15)
Never and Void Types in TypeScript (4:06)
quiz
Objects for three js in Type Script
Using Annotations with Objects in Type script (10:35)
Object Destructure with Annotations in Typescript (4:33)
Arrays in Typescript
Typed Arrays in Typescript (7:10)
More on Typed Arrays (6:16)
Working with Multiple Types in Type script (7:54)
When should we use typed arrays (1:29)
quiz
Tuples in Type Script
Tuples (5:31)
More on Tuples (8:01)
When Should We Use Tuples in Type Script (4:48)
quiz
Interfaces in Typescript
Long Type Annotations (7:11)
Introduction to Interfaces (2:30)
Refactoring Type Annotations (6:38)
Syntax of Interfaces (4:05)
Functions in Interfaces (6:53)
Code Reusability (6:18)
Classes
Introduction to Classes (5:35)
Typescript Inheritance (4:37)
Modifiers (9:34)
Fields (8:30)
Fields and Inheritance (6:34)
quiz
Project: Cargo Tracking Application
Webpack Setup and Configuration (9:59)
Overview (3:48)
App Structure (5:07)
Generate Random Data with Faker (7:00)
Using Type Definition Files (8:56)
Exporting in Typescript (7:44)
Typescript Configuration (2:32)
Defining a Cargo (5:13)
Install Google Maps (10:25)
Integrate Google Maps (4:57)
Digging into Type Definition Files (17:11)
Using Modifiers (12:57)
Attaching Markers on Map (12:48)
Project: Cargo Tracking Application 2
Best Way to Access the Interface (7:35)
Typescript Checks Types Automatically (4:14)
Let’s Show Marker Pop-up (9:40)
Changing the Pop-up Content (9:05)
Improving the Error Finding (8:33)
Summary (11:53)
Project: Sort Application in Typescipt React
Overview (1:58)
Typescript Compiler (10:53)
Automatic Execution of the Code (6:32)
Let’s Dive in To the Project (5:47)
Creating the Sorting Class (5:03)
Implementation of The Sorting Class (6:43)
Problems with Different Data Structures (9:44)
Using OR Operator (10:41)
Typescript Type Guards (11:59)
Type Guards Are Useful, But Not So Much (3:37)
Let’s Do Some Refactoring (10:23)
Let’s Do Some Refactoring - 2 (18:53)
Overview of the Final Form (6:03)
Finally! Let’s Define Our Interface (6:45)
Sorting Strings (14:32)
Let’s Solve One Last Issue (3:12)
Adding Sort Method to Other Classes (4:04)
Let’s Refactor Sorting Class (9:34)
Solving Issues with Abstract Classes (8:52)
Implementing Abstract Classes (5:56)
Last Refactor (4:20)
Comparing Interfaces and Abstract Classes (4:53)
React and Typescript
A Little Reminder (9:38)
Overview (3:10)
Create React App with Typescript (1:41)
Creating Components in Typescipt React (4:52)
How to Use Interfaces? (5:03)
Let’s Dive into States (3:15)
Hidden Complexity of Component State (15:06)
Defining Functional Components (4:37)
Let’s Setup Redux (8:51)
Redux Action Creators (10:12)
Redux Action Types (7:28)
Optional Error Checking (6:54)
Redux Reducers (9:08)
Validating Redux Store (7:05)
Using Connect Function (7:52)
Let’s Render our List Items (6:05)
How to Delete Items? (4:09)
Separate Files for Different Action Creators (4:40)
OR Statement for Different Actions (5:55)
Type Guards in Reducers (3:41)
Adding Delete Items Functionality (2:31)
A Little Issue with Type Definition Files (4:30)
Showing the Loading Text When Fetching (6:16)
Summary (5:36)
Quiz
A Birdseye View of TypeScript
Complete and Continue