{"id":23246357,"url":"https://github.com/donovan-said/tutorial-learning-typescript","last_synced_at":"2025-04-06T00:21:53.953Z","repository":{"id":242080284,"uuid":"808566964","full_name":"donovan-said/tutorial-learning-typescript","owner":"donovan-said","description":"A repository to start learning TypeScript.","archived":false,"fork":false,"pushed_at":"2024-07-16T14:52:54.000Z","size":4188,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-12T06:31:40.247Z","etag":null,"topics":["javascript","nodejs","tutorial","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/donovan-said.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-31T10:36:48.000Z","updated_at":"2024-07-12T10:42:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"ff5b8ae6-2282-4c54-b286-70912b3de5a9","html_url":"https://github.com/donovan-said/tutorial-learning-typescript","commit_stats":null,"previous_names":["donovan-said/tutorial-learning-typescript"],"tags_count":3,"template":false,"template_full_name":"donovan-said/template-base-github-repository","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/donovan-said%2Ftutorial-learning-typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/donovan-said%2Ftutorial-learning-typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/donovan-said%2Ftutorial-learning-typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/donovan-said%2Ftutorial-learning-typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/donovan-said","download_url":"https://codeload.github.com/donovan-said/tutorial-learning-typescript/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247417563,"owners_count":20935669,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","nodejs","tutorial","typescript"],"created_at":"2024-12-19T07:14:29.696Z","updated_at":"2025-04-06T00:21:53.903Z","avatar_url":"https://github.com/donovan-said.png","language":"TypeScript","readme":"# Tutorial - Learning TypeScript\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/nodejs/nodejs-original-wordmark.svg\" width=\"200\" height=\"200\"\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/typescript/typescript-original.svg\" width=\"200\" height=\"200\"\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/javascript/javascript-original.svg\" width=\"200\" height=\"200\"\u003e\n\u003c/p\u003e\n\n## Content\n\n- [Tutorial - Learning TypeScript](#tutorial---learning-typescript)\n  - [Content](#content)\n  - [Overview](#overview)\n  - [Requirements](#requirements)\n  - [Setup](#setup)\n  - [Tutorials \\\u0026 Examples](#tutorials--examples)\n  - [Documentation, Guides, and Examples](#documentation-guides-and-examples)\n    - [General](#general)\n      - [ECMAScript](#ecmascript)\n      - [Module Formats](#module-formats)\n      - [Package Managers](#package-managers)\n    - [Languages and Runtime](#languages-and-runtime)\n      - [Comparisons](#comparisons)\n      - [NodeJs](#nodejs)\n      - [JavaScript](#javascript)\n      - [TypeScript](#typescript)\n\n## Overview\n\nThe purpose of this repository is for me to start learning TypeScript and \nJavaScript.\n\n## Requirements\n\n| Tool                                     | Description             |\n| :--------------------------------------- | :---------------------- |\n| [NodeJS](https://nodejs.org/en/download) | Node \u0026 NPM Installation |\n\n## Setup\n\n1) **Install** TypeScript compiler within the project (repository directory) `npm install typescript --save-dev`\n2) **Initialise** compiler `npx tsc --init`\n3) **Configure** the `tsconfig.json` file. This will be generated by default via the `init` command shown above.\n4) **Build** i.e. convert to JavaScript ```npx tsc```\n5) **Run** JavaScript code with `node build/{something}.js}`\n\nFor more information on the tsconfig file, please see:\n\n* [TypeScript Docs - What is a tsconfig.json](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html)\n* [TypeScript Docs - TSConfig References](https://www.typescriptlang.org/tsconfig/)\n* [GitHub - TSConfig Bases](https://github.com/tsconfig/bases)\n* [Mozilla - JavaScript Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n\n## Tutorials \u0026 Examples\n\n* [0 - Hello World](./src/0_hello_world/hello_world.ts)\n* [1 - Simple Types](./src/1_simple_types/simple_types.ts)\n* [2 - Special Types](./src/2_special_types/special_types.ts)\n* [3 - Arrays](./src/3_arrays/arrays.ts)\n* [4 - Loops](./src/4_loops/)\n* [5 - JSON](./src/5_json/)\n\n## Documentation, Guides, and Examples\n\n### General\n\n#### ECMAScript\n\n* [Mozilla Docs - ECMAScript](https://developer.mozilla.org/en-US/docs/Glossary/ECMAScript)\n\n#### Module Formats\n\n* [CommonJs Vs ES Modules](https://blog.logrocket.com/commonjs-vs-es-modules-node-js/)\n* [Modules in JavaScript – CommonJS and ESmodules Explained](https://www.freecodecamp.org/news/modules-in-javascript/#commonjsmodules)\n\n#### Package Managers\n\nTBC\n\n### Languages and Runtime\n\n* NodeJS is a server side runtime\n* JavaScript is a scripting or programming language\n* TypeScript is a superset of JavaScript\n\n#### Comparisons\n\n* [TypeScript vs Node.js: Overview, Differences and Performance](https://graffersid.com/typescript-vs-nodejs/)\n\n#### NodeJs\n\n* [NodeJS Docs](https://nodejs.org/en)\n\n#### JavaScript\n\n* [W3 Schools - JavaScript Tutorial](https://www.w3schools.com/js/default.asp)\n* [roadmap.sh - JavaScript](https://roadmap.sh/javascript)\n* [Mozilla - JavaScript Fundamentals](https://developer.mozilla.org/en-US/curriculum/core/javascript-fundamentals/)\n\n#### TypeScript\n\n* [TypeScript Docs](https://www.typescriptlang.org/docs/)\n* [TypeScript - JSDocs Reference](https://www.typescriptlang.org/docs/handbook/jsdoc-supported-types.html)\n* [TSDoc](https://tsdoc.org/)\n* [W3 Schools - TypeScript Tutorial](https://www.w3schools.com/typescript/index.php)\n* [roadmap.sh - TypeScript](https://roadmap.sh/typescript)\n* [freeCodeCamp - Learn TypeScript - The Ultimate Beginners Guide](https://www.freecodecamp.org/news/learn-typescript-beginners-guide/)\n* [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)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdonovan-said%2Ftutorial-learning-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdonovan-said%2Ftutorial-learning-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdonovan-said%2Ftutorial-learning-typescript/lists"}