Back to Browse

FRONTEND S07 L01 Introducing TypeScript (Types, Compiler, Build Workflow)

1 views
Apr 30, 2026
9:19

πŸ“˜ 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: https://youtube.com/playlist?list=PLNlOxdq7xu14b5ewH4IJC9tMinkgZBuVR&si=Pg8pEDR5UUbQstz6 πŸ“‚ SECTION REPOSITORY Section 7 repository: https://github.com/RichardBrayCourses/frontend07-typescript πŸ’‘ NOTE TypeScript adds type safety to development time, while compiled JavaScript remains what runs in Node and browsers.

Download

1 formats

Video Formats

360pmp46.5 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

FRONTEND S07 L01 Introducing TypeScript (Types, Compiler, Build Workflow) | NatokHD