https://github.com/asrieldreemurrgm/study_of_typescript

A hands-on TypeScript learning project exploring types, functions, OOP, interfaces, DOM manipulation, and custom types.
https://github.com/asrieldreemurrgm/study_of_typescript

dom dom-manipulation oop-in-typescript typescript typescript-arrays typescript-definitions typescript-functions typescript-interfaces typescript-objects typescript-types variables

Last synced: 10 months ago
JSON representation

A hands-on TypeScript learning project exploring types, functions, OOP, interfaces, DOM manipulation, and custom types.

• Host: GitHub
• URL: https://github.com/asrieldreemurrgm/study_of_typescript
• Owner: AsrielDreemurrGM
• Created: 2024-11-02T00:30:48.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-08-06T00:08:38.000Z (10 months ago)
• Last Synced: 2025-08-06T02:27:44.380Z (10 months ago)
• Topics: dom, dom-manipulation, oop-in-typescript, typescript, typescript-arrays, typescript-definitions, typescript-functions, typescript-interfaces, typescript-objects, typescript-types, variables
• Language: TypeScript
• Homepage:
• Size: 16.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  
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.