Dive into a comprehensive tutorial on Type Assertions and Type Casting in TypeScript for beginners. Explore the differences between type assertions and type casting, learn how to convert types using assertions, and understand the angle bracket syntax. Discover techniques for narrowing return values, working with DOM selection types, and using non-null assertions. Complete a hands-on student challenge with two solution approaches. Gain valuable insights into TypeScript's type system and improve your coding skills through practical examples and explanations.
Type Assertions and Type Casting - Typescript Tutorial for Beginners
Overview
Syllabus
Intro
Welcome
Type Assertions vs Type Casting
What are Type Assertions?
Starter Code
Converting Types with Assertions
Angle Bracket Syntax instead of "as"
Narrowing Return Values with Assertions
Caution: Assertions allow mistakes!
Double Casting and the unknown type
DOM Selection Types
Non-Null Assertions
Angle Brackets and the DOM
Student Challenge
Solution 1: Beginners
Solution 2: Type Assertion
13:50 Syntax error: document.getElementById'img' is what is needed if the element has an id set to "img". This does not change the concept I'm discussing. Just tired eyes and a syntax error.
Taught by
Dave Gray
Related Courses
-
Advanced TypeScript Fundamentals
-
Learn TypeScript - Full Course for Beginners
-
Typescript Index Signatures, Keyof Assertions & the Record Utility Type
-
Typescript Generics - Beginners Tutorial with Examples
-
TypeScript Tutorial for Beginners - Learn TypeScript for Angular
-
Typescript Functions - Basics Tutorial for Beginners
