FRONTEND S07 L01 Introducing TypeScript (Types, Compiler, Build Workflow)
📘 INTRODUCING TYPESCRIPT — TYPES, COMPILER, BUILD WORKFLOW
In this lesson, we start a focused TypeScript tutorial before converting the main React project.
You will set up a TypeScript workspace, apply type annotations, use implicit typing, compile TypeScript to JavaScript, and run the output with Node.
🎯 IN THIS VIDEO
Create a separate TypeScript practice project
Add TypeScript configuration with strict type checking
Write first TypeScript code in an index.ts file
Use explicit type annotations for primitive values
See implicit typing from assigned values
Install the TypeScript compiler through npm
Build TypeScript into JavaScript output files
Run compiled JavaScript with Node using npm scripts
Observe compile-time type errors during build
🚀 HOW TO USE THIS COURSE
This lesson gives you the TypeScript foundation needed for the upcoming JavaScript to TypeScript project conversion.
Understanding this compile and type-check workflow now will make the migration steps much smoother.
👉 Course Website:
www.richardbraycourses.co.uk
👉 Course Repositories:
www.github.com/RichardBrayCourses
👉 Full course playlist:
• Frontend Web Development Course — Section ...
📂 SECTION REPOSITORY
Section 7 repository:
https://github.com/RichardBrayCourses...
💡 NOTE
TypeScript adds type safety to development time, while compiled JavaScript remains what runs in Node and browsers.