https://github.com/donovan-said/tutorial-learning-typescript
A repository to start learning TypeScript.
https://github.com/donovan-said/tutorial-learning-typescript
javascript nodejs tutorial typescript
Last synced: about 1 year ago
JSON representation
A repository to start learning TypeScript.
- Host: GitHub
- URL: https://github.com/donovan-said/tutorial-learning-typescript
- Owner: donovan-said
- License: mit
- Created: 2024-05-31T10:36:48.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-16T14:52:54.000Z (over 1 year ago)
- Last Synced: 2025-02-12T06:31:40.247Z (about 1 year ago)
- Topics: javascript, nodejs, tutorial, typescript
- Language: TypeScript
- Homepage:
- Size: 3.99 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Tutorial - Learning TypeScript
## Content
- [Tutorial - Learning TypeScript](#tutorial---learning-typescript)
- [Content](#content)
- [Overview](#overview)
- [Requirements](#requirements)
- [Setup](#setup)
- [Tutorials \& Examples](#tutorials--examples)
- [Documentation, Guides, and Examples](#documentation-guides-and-examples)
- [General](#general)
- [ECMAScript](#ecmascript)
- [Module Formats](#module-formats)
- [Package Managers](#package-managers)
- [Languages and Runtime](#languages-and-runtime)
- [Comparisons](#comparisons)
- [NodeJs](#nodejs)
- [JavaScript](#javascript)
- [TypeScript](#typescript)
## Overview
The purpose of this repository is for me to start learning TypeScript and
JavaScript.
## Requirements
| Tool | Description |
| :--------------------------------------- | :---------------------- |
| [NodeJS](https://nodejs.org/en/download) | Node & NPM Installation |
## Setup
1) **Install** TypeScript compiler within the project (repository directory) `npm install typescript --save-dev`
2) **Initialise** compiler `npx tsc --init`
3) **Configure** the `tsconfig.json` file. This will be generated by default via the `init` command shown above.
4) **Build** i.e. convert to JavaScript ```npx tsc```
5) **Run** JavaScript code with `node build/{something}.js}`
For more information on the tsconfig file, please see:
* [TypeScript Docs - What is a tsconfig.json](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html)
* [TypeScript Docs - TSConfig References](https://www.typescriptlang.org/tsconfig/)
* [GitHub - TSConfig Bases](https://github.com/tsconfig/bases)
* [Mozilla - JavaScript Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
## Tutorials & Examples
* [0 - Hello World](./src/0_hello_world/hello_world.ts)
* [1 - Simple Types](./src/1_simple_types/simple_types.ts)
* [2 - Special Types](./src/2_special_types/special_types.ts)
* [3 - Arrays](./src/3_arrays/arrays.ts)
* [4 - Loops](./src/4_loops/)
* [5 - JSON](./src/5_json/)
## Documentation, Guides, and Examples
### General
#### ECMAScript
* [Mozilla Docs - ECMAScript](https://developer.mozilla.org/en-US/docs/Glossary/ECMAScript)
#### Module Formats
* [CommonJs Vs ES Modules](https://blog.logrocket.com/commonjs-vs-es-modules-node-js/)
* [Modules in JavaScript – CommonJS and ESmodules Explained](https://www.freecodecamp.org/news/modules-in-javascript/#commonjsmodules)
#### Package Managers
TBC
### Languages and Runtime
* NodeJS is a server side runtime
* JavaScript is a scripting or programming language
* TypeScript is a superset of JavaScript
#### Comparisons
* [TypeScript vs Node.js: Overview, Differences and Performance](https://graffersid.com/typescript-vs-nodejs/)
#### NodeJs
* [NodeJS Docs](https://nodejs.org/en)
#### JavaScript
* [W3 Schools - JavaScript Tutorial](https://www.w3schools.com/js/default.asp)
* [roadmap.sh - JavaScript](https://roadmap.sh/javascript)
* [Mozilla - JavaScript Fundamentals](https://developer.mozilla.org/en-US/curriculum/core/javascript-fundamentals/)
#### TypeScript
* [TypeScript Docs](https://www.typescriptlang.org/docs/)
* [TypeScript - JSDocs Reference](https://www.typescriptlang.org/docs/handbook/jsdoc-supported-types.html)
* [TSDoc](https://tsdoc.org/)
* [W3 Schools - TypeScript Tutorial](https://www.w3schools.com/typescript/index.php)
* [roadmap.sh - TypeScript](https://roadmap.sh/typescript)
* [freeCodeCamp - Learn TypeScript - The Ultimate Beginners Guide](https://www.freecodecamp.org/news/learn-typescript-beginners-guide/)
* [Medium - Batuhan Çam - Getting Started with TypeScript: A Comprehensive Guide for Beginners](https://medium.com/@bthncm/getting-started-with-typescript-a-comprehensive-guide-for-beginners-7a4969b6679c)