Overview
Build a TypeScript project from scratch in this comprehensive 48-minute tutorial designed for JavaScript developers new to TypeScript. Learn to apply TypeScript fundamentals by creating a practical project, guided through challenges and solutions. Set up the development environment with Node.js and Vite, then dive into creating classes for list items, full lists, and list templates. Explore how to integrate these components in the main TypeScript file and test the functionality of your project. Gain hands-on experience with TypeScript's static typing and object-oriented features while building a real-world application.
Syllabus
Intro
Welcome
Project Intro
Install Node.js
Project Set Up with Vite
Starter Code in Course Resources
Challenge 1: ListItem Class
Solution for Challenge 1
Challenge 2: FullList Class
Solution for Challenge 2
Challenge 3: ListTemplate Class
Solution for Challenge 3
Pulling It Together in main.ts
Does It Work?
Taught by
Dave Gray