TypeScript Learning Journey

Este README também está disponível em Português.

This project was developed to practice and understand TypeScript fundamentals in a hands-on way. It includes examples and exercises covering variable types, arrays, function typing, custom types, object-oriented programming (OOP), interfaces, and basic DOM manipulation using TypeScript.

🚀 Key Topics Covered

• Primitive types and variable declarations (string, number, boolean);
• Readonly arrays, union types, and the any type;
• Function typing with parameter and return type annotations;
• Custom types and type aliases;
• Interfaces and object structures with optional properties;
• Object-oriented programming (classes, inheritance, modifiers);
• Static properties/methods and protected vs private members;
• Basic DOM manipulation and event handling in TypeScript.

🧠 What Was Learned

• Setting up a TypeScript project with tsc --init;
• Compiling TypeScript into JavaScript using the CLI;
• Using TypeScript with HTML to interact with forms and buttons;
• Understanding access modifiers: public, private, and protected;
• Creating reusable classes and extending them through inheritance;
• Utilizing optional chaining (?.) to prevent null reference errors;
• Improving code safety and readability with strong typing.

🛠️ Technologies Used

• TypeScript (via CLI)
• HTML5
• JavaScript (compiled from TS)

📜 Commit Summary

• Project initialized with TypeScript and tsconfig.json configuration;
• Covered primitive types, union types, and function typing;
• Implemented custom types and casting techniques;
• Introduced interfaces and OOP concepts in TS (encapsulation, inheritance);
• Practiced DOM manipulation and event handling with TypeScript;
• Annotated all files with clear and descriptive comments for learning purposes.