Skip to content

Latest commit

 

History

History
60 lines (40 loc) · 2.31 KB

README.md

File metadata and controls

60 lines (40 loc) · 2.31 KB
Raw

Welcome

Welcome new members to UB's MakeOpenSource club! This project is to help you get accustomed to the basics of Frontend development involving HTML, CSS, and TypeScript.

What is TypeScript?

TypeScript is a free and open-source high-level programming language developed by Microsoft that adds static typing with optional type annotations to JavaScript. It is designed for the development of large applications and transpiles to JavaScript. TypeScript can drastically reduce runtime errors, catching them before compile time.

TypeScript is the primary language being used for DevU, which is used for both the client and API.

Project

You will be designing the functionality for a simple calculator with TypeScript. The HTML and CSS of the calculator have been completed for you, but the overall functionality of the calculator is left incomplete, which is where you come in!

Getting Started

1. Install the latest version of Node

For TypeScript to successfully transpile to JavaScript, you need to ensure you have the latest version of Node downloaded and installed. Proceed to download the recommended version of Node that corresponds to your operating system.

2. Install the TypeScript Compiler

In the terminal, run this command to install the TypeScript Compiler

Windows:
npm i -g typescript
MacOS and Linux:
sudo npm i -g typescript

3. Install Visual Studio Code (Optional but HIGHLY Recommended)

To help make the accessibility of the webpage calculator easier, it is HIGHLY recommended to install Visual Studio Code.

After installing Visual Studio Code, install the extension, Live Server. The Live Server extension will allow you to start up the calculator webpage with the click of a button.

Functionality

The TypeScript calculator will have the following functionality:

  • The user can enter any integer via the number buttons.
  • The user can enter any floating point/decimal number via the number buttons.
  • The number entered by the user can deleted character by character via the delete button.
  • The calculator's display can be fully cleared via the clear button.
  • Addition.
  • Multiplication.
  • Subtraction.
  • Division.