/typescript-roadmap

typescript roadmap from zero to dev

Typescript roadmap

typescript roadmap from zero to dev

Intro

What? How? Why ts and not js ?

Setup environment

vscode + extension + debug

  • ms-azuretools.vscode-docker
  • mhutchie.git-graph
  • GitLab.gitlab-workflow
  • eamodio.gitlens
  • oderwat.indent-rainbow
  • firsttris.vscode-jest-runner
  • jebbs.plantuml
  • qhoekman.language-plantuml
  • esbenp.prettier-vscode
  • alefragnani.project-manager
  • humao.rest-client
  • Gruntfuggly.todo-tree
  • xabikos.JavaScriptSnippets

Npm

Basic usage: npm init, package.json, dependencies, devDependencies, node_modules

Javascript data types

  • String, Number, Bigint, Boolean, Undefined, Null, Symbol
  • Objects: object, array, map, class, function

References

How memory references work? Intro to stack,heap and gc

Typescript types

How does they works? type, interface (extends + implements)

Sync code

Equality, loop, array methods, spread, destructure, console, JSON.stringify/parse

Lambda function

() => {} ... how it works?

Exercises

ex1, ex2, ex3

Module

import/export concepts

Async code

Timeout, interval, fetch, fs, promise

Error handling

Manage your nulls...

Runtime

How it works a runtime ? node, deno, bun

Node basic introduction and event loop

Exercises

ex4, ex5, ex6, ex7

Decorator

Introduction and approach

Exercises

ex8

Typescript for frontend

Useful API, Websocket, EventSource and basic of the most famous frameworks

Exercises

ex9

Nest js

Mini project

Mini project using nestjs that involves:

  • strict structure
  • swagger
  • calling a repository
  • calling a service provider

Docker

How it works? Basic conf