typescript: A TypeScript repository from finlayLtd

Tutorial typescript iniciante ao avançado #Branch_Master.

Aprenda como utilizar essa biblioteca incrível.

As páginas estão sendo construídas. 👷‍♂🧾 ....

Neste guia você aprenderá de forma simples através dos códigos já postados nas branches a trabalhar com o typescript. Este superconjunto tem por objetivo organizar melhor o seu código trazendo o conceito de tipagem forte, o typescript tem sido muito utilizado por diversos desenvolvedores que estão ligados a linguagem de programação javascript. Para mais informações sobre TSacesse a documentação: link_ts.

Informações do nosso repositório

Objetivo:

Contribuir no crescimento da comunidade e todos aqueles que desejam aprender sobre a biblioteca.

OpenSource:

O repositório estará aberto para quem quiser adicionar informações mais aprofundadas do typescript ou até melhorar a documentação, ficarei grato pelo auxílio de vocês.

Instalação do Typescript.

use -g para instalar de forma global.

installe o coderunner

Para executar o comando do coderunner(ctrl + alt + n) com ts instale:

npm i -g ts-node

Outros:

tsc -v << "Version".
tsc --init << create file >> "tsconfig.json" instale logo após a instalação do ts.
npm init -y
tsc e o nome do arquivo ts para criar uma réplica em js e poder ser executado.
tsc -w <<< monitorando -- compila o javascript automaticamente em tempo real.

Branch Map

%%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#006b69', 'edgeLabelBackground':'#bbdada', 'tertiaryColor': '#dcaab9', 'primaryTextColor': 'white'}}}%%

graph LR

id1>Clique Abaixo no mapa]

%%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#285570', 'edgeLabelBackground':'#777777', 'tertiaryColor': '#285570', 'primaryTextColor': 'white', 'lineColor': '#D4EFDF'}}}%%

flowchart LR;

A:::someclass
  classDef someclass fill:#bd492e;
  
1(Season_01) --> 1A(Compiler_1A) 
1(Season_01) --> 1B(Ts_Ecmascript_News_1B) 
A((Master)) --> 1((Season_01_using_types)) -->|Next_Season| 2((S_02)) --> |Next_Season| 3((S_03))
2[Season_02_Class_Object]--> 2A(Mod_nameSpace 2A)

3(Season_03_interfaces_generics_decorators) 
4((Season_04_lib_Js_Ts)) --> 4A((TS + GULP 4A))
A((Master)) --> 4((Season_04_lib_Js_Ts)) -->|Next_Season|5(S_05)


5(Season_05) --> 5A(TS REACT 5A) 
5(Season_05_webpack) --> 5B(TS VUEJS 5B)



   linkStyle 0 stroke-width:2px,fill:none,stroke:blue;
      linkStyle 1 stroke-width:2px,fill:none,stroke:orange;
      linkStyle 2 stroke-width:2px,fill:none,stroke:gray;
      linkStyle 3 stroke-width:2px,fill:none,stroke:purple;
      linkStyle 4 stroke-width:2px,fill:none,stroke:purple;
        linkStyle 5 stroke-width:2px,fill:none,stroke:gray;
        linkStyle 6 stroke-width:2px,fill:none,stroke:gray;
        linkStyle 7 stroke-width:2px,fill:none,stroke:orange;
        linkStyle 8 stroke-width:2px,fill:none,stroke:purple;
        linkStyle 9 stroke-width:2px,fill:none,stroke:gray;
        linkStyle 10 stroke-width:2px,fill:none,stroke:gray;


click A "https://github.com/TeoNogueira/TypeScript-2022/tree/master"
click 1 "https://github.com/TeoNogueira/TypeScript-2022/tree/season_01"
click 1A "https://github.com/TeoNogueira/TypeScript-2022/tree/season_01_compiler"
click 1B "https://github.com/TeoNogueira/TypeScript-2022/tree/season_01_b"
click 2 "https://github.com/TeoNogueira/TypeScript-2022/tree/season_02"
click 2A "https://github.com/TeoNogueira/TypeScript-2022/tree/season_02_b"
click 3 "https://github.com/TeoNogueira/TypeScript-2022/tree/season_03"
click 4 "https://github.com/TeoNogueira/TypeScript-2022/tree/season_04"
click 4A "https://github.com/TeoNogueira/TypeScript-2022/tree/season_04_a"
click 5 "https://github.com/TeoNogueira/TypeScript-2022/tree/season_05"
click 5A "https://github.com/TeoNogueira/TypeScript-2022/tree/ts_react"
click 5B "https://github.com/TeoNogueira/TypeScript-2022/tree/ts_vueJs"

Development by

Developer / Author : Teo Nogueira

finlayLtd/typescript