https://github.com/smartherd/typescript-fudamentals

Learn TypeScript by creating a Game
https://github.com/smartherd/typescript-fudamentals

Last synced: about 1 year ago
JSON representation

Learn TypeScript by creating a Game

• Host: GitHub
• URL: https://github.com/smartherd/typescript-fudamentals
• Owner: smartherd
• Created: 2022-03-20T07:00:05.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-07-12T18:46:40.000Z (almost 3 years ago)
• Last Synced: 2025-04-02T20:11:18.430Z (about 1 year ago)
• Language: TypeScript
• Size: 17.6 MB
• Stars: 7
• Watchers: 2
• Forks: 9
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TypeScript-Fudamentals

Learn TypeScript by creating a Game. 

#### Demo Description: 

Name of the game is Quick Math App. This takes the player's name as input. On click of a button, it generates 2 random    numbers. On starting the game, the app displays 4 math problems, based on the random numbers. The game finishes by calculating the total number of correct answers and displays it on the scoreboard.

#### The topic covered in TypeScript are:

1. Installing Dependencies

    - Install Visual Studio Code, Node, npm, TypeScript & other dependencies

    - Configuration File: tsconfig.json

    - Running first TypeScript Code

    - Configuration Inheritence

    - Configuring Webpack

2. Built-in Data Types

    - Data Types in Typescript

    - JavaScript Hoisting

    - var vs. let vs. const

    - Type Annotation

    - Type Inference

    - Union Types

    - Control flow based analysis

    - strictNullChecks & using Null & Undefined types

    - Type Assertion

    -  Any Type

3. Type Annotation with Functions

    - Parameters and return type annotations

    - --noImplicitAny compiler option

    - Default & Optional Parameters

    - Arrow Functions/ lambda functions

    - Defining Function as a type

4. Custom Types in TypeScript

    - Interface vs Class

    - Structural Type System

    - Getter & Setter methods (accessor methods)

    - Hard private vs Soft Private fields

    - Static Fields

    - Constructors

    - Triple Slash Directives

5. Consuming Modules

    - Supporting technologies to implement modules

    - Exporting & Importing Modules

    - Module Resolution Strategies

    - Trace Resolution

    - Module Bundler for TypeScript - Webpack

6. Type Declaration Files & DefinitelyTyped Repo