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: 7 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: 2025-01-23T17:02:45.000Z (19 days ago)
• Last Synced: 2025-01-28T10:49:38.075Z (14 days ago)
• Topics: beginners, crash-course, tutorial, typescript
• Language: TypeScript
• Homepage: https://totaltypescript.com
• Size: 358 KB
• Stars: 7,812
• Watchers: 59
• Forks: 1,034
• Open Issues: 15
• 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.