Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/total-typescript/beginners-typescript-tutorial
An interactive TypeScript tutorial for beginners
https://github.com/total-typescript/beginners-typescript-tutorial
beginners crash-course tutorial typescript
Last synced: 4 days ago
JSON representation
An interactive TypeScript tutorial for beginners
- Host: GitHub
- URL: https://github.com/total-typescript/beginners-typescript-tutorial
- Owner: total-typescript
- Created: 2022-08-24T08:48:04.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-11T02:34:38.000Z (about 1 month ago)
- Last Synced: 2024-12-31T07:05:34.065Z (11 days ago)
- Topics: beginners, crash-course, tutorial, typescript
- Language: TypeScript
- Homepage: https://totaltypescript.com
- Size: 349 KB
- Stars: 7,811
- Watchers: 60
- Forks: 1,029
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome - total-typescript/beginners-typescript-tutorial - An interactive TypeScript tutorial for beginners (TypeScript)
- jimsghstars - total-typescript/beginners-typescript-tutorial - An interactive TypeScript tutorial for beginners (TypeScript)
README
## Quickstart
Take the course on [Total TypeScript](https://totaltypescript.com/tutorials/beginners-typescript). There, you'll find:
- Video explanations for each problem and solution
- Transcripts
- Text explanations
- A built-in Stackblitz editor```sh
# Installs all dependencies
npm install# Asks you which exercise you'd like to run, and runs it
npm run exercise
```## How to take the course
You'll notice that the course is split into exercises. Each exercise is split into a `*.problem` and a `*.solution`.
To take an exercise:
1. Run `npm run exercise`
2. Choose which exercise you'd like to run.This course encourages **active, exploratory learning**. In the video, I'll explain a problem, and **you'll be asked to try to find a solution**. To attempt a solution, you'll need to:
1. Check out [TypeScript's docs](https://www.typescriptlang.org/docs/handbook/intro.html).
1. Try to find something that looks relevant.
1. Give it a go to see if it solves the problem.You'll know if you've succeeded because the tests will pass.
**If you succeed**, or **if you get stuck**, unpause the video and check out the `*.solution`. You can see if your solution is better or worse than mine!
## Acknowledgements
Say thanks to Matt on [Twitter](https://twitter.com/mattpocockuk) or by joining his [Discord](https://discord.gg/8S5ujhfTB3). Consider signing up to his [Total TypeScript course](https://totaltypescript.com).
## Reference
### `npm run exercise`
Alias: `npm run e`
Open a prompt for choosing which exercise you'd like to run.