TypeScript Basics — Complete Guide
TypeScript Basics — Complete Guide: free step-by-step lesson with examples, common mistakes, and interview tips — part of MEAN Stack Tutorial on Toolliyo Academy.
On this page
MEAN Stack Tutorial · Lesson 21 of 100
TypeScript Basics
Stack → Projects
Stack · 1 — Pieces · ~6 min · MEAN — TypeScript & RxJS
What is this?
TypeScript adds types to JavaScript — string, number, interfaces — used everywhere in MeanVerse Angular apps and optional Node APIs.
Why should you care?
Types catch typos before runtime and document API contracts between frontend and backend teams.
See it live — copy this example
Paste into your MeanVerse project (Angular + Express + MongoDB), then run with ng serve / node / mongosh as noted.
type AccountType = 'checking' | 'savings';
interface Account {
id: string;
name: string;
balance: number;
type: AccountType;
}
function isOverdrawn(acct: Account): boolean {
return acct.balance < 0;
}
What happened?
- interface describes object shape.
- Union type AccountType limits values to two strings.
- Function params and return types are checked at compile time.
Practice next
- Enable strict in tsconfig.json.
- Convert one JS file to TS with explicit param types.
- Fix red squiggles from strict null checks.
- Add readonly to Account id field.
- Use satisfies operator for config objects.
Remember
TypeScript = JavaScript plus static types. Interfaces document MeanVerse domain models. strict mode finds more bugs early.
API contract clarity
Backend changes balance to string by mistake.
Outcome: Angular build fails until types align — bug never reaches QA.
Interview prep for this lesson
Practice these questions aloud after reading—each links to a full structured answer.
Sign in to ask a question or upvote helpful answers.
No questions yet — be the first to ask!