Aprenda TypeScript
Um curso de TypeScript gratuito e interativo construído sobre o JavaScript. Você escreve TS em cada aula - anotações de tipo, interfaces, generics, uniões, narrowing - com dicas de IA quando você travar e um certificado ao concluir. Faz parte da jornada mais ampla de JavaScript, então o contexto de JS que faz o TypeScript fazer sentido está ali mesmo.
257,728+ codders inscritos
- Ideal para iniciantes
Ajuda de codificação com IA
Lições interativas e práticas
Narração em áudio em todas as lições
Questionários para testar seu conhecimento
Certificado grátis de conclusão
Programa
Esta seção faz parte do Journey de JavaScript. O programa completo tem mais seções - clique em qualquer prévia abaixo para vê-la na página do Journey.
- Seção 1Fundamentos77 lições
- Seção 2Lógica & Fluxo65 lições
Seção 3
Introdução ao TypeScript
Começar seçãoIniciarExpandirRecolherIntrodução ao TypeScript após aprender sobre JavaScriptPrimeiros Passos com TS
5 lições232- 01O que é TypeScript?Quiz
- 02Por que usar TypeScript?Quiz
- 03Seu Primeiro Código TypeScriptDesafioQuiz
- 04Processo de Compilação e ErrosQuiz
- 05Recapitulação: Introdução ao TSDesafio
Tipos Principais
7 lições748- 01Tipos Básicos: str, num, booleanDesafioQuiz
- 02O Tipo 'any': Válvula de EscapeDesafioQuiz
- 03O Tipo 'unknown'DesafioQuiz
- 04Trabalhando com 'null' e 'undef'DesafioQuiz
- 05Inferência de Tipo na PráticaDesafioQuiz
- 06Anotações de Tipo ExplícitasDesafioQuiz
- 07Recapitulação: Prática de Tipos PrincipaisDesafio
Estrutura de Dados: Arrays e Tuplas
9 lições862- 01Arrays TipadosDesafioQuiz
- 02Modificador 'readonly' para ArraysDesafioQuiz
- 03O que é uma Tupla?Quiz
- 04Declarando e Acessando TuplasDesafioQuiz
- 05Desestruturando TuplasDesafioQuiz
- 06Tuplas ReadonlyDesafioQuiz
- 07Arrays Tipados MultidimensionaisDesafioQuiz
- 08Spread Operator com ArraysDesafioQuiz
- 09Recapitulação: Arrays e TuplasDesafio
Trabalhando com Funções
8 lições855- 01Tipagem de Parâmetros e RetornosDesafioQuiz
- 02Tipagem de Arrow FunctionsDesafioQuiz
- 03O Tipo de Retorno 'void'DesafioQuiz
- 04Parâmetros Opcionais com '?'DesafioQuiz
- 05Valores Padrão de ParâmetrosDesafioQuiz
- 06Tipagem de Rest ParametersDesafioQuiz
- 07Definindo Tipos de FunçõesDesafioQuiz
- 08Recapitulação: Criando Funções TipadasDesafio
Tipos: Aliases, Uniões e Interseções
7 lições751- 01Aliases de Tipos para PrimitivosDesafioQuiz
- 02Tipos de União ('|')DesafioQuiz
- 03Trabalhando com Tipos de UniãoDesafioQuiz
- 04Tipos LiteraisDesafioQuiz
- 05Tipos de Interseção ('&')DesafioQuiz
- 06Combinando Aliases de TiposDesafioQuiz
- 07Recapitulação: Combinações Avançadas de TiposDesafio
Tipagem de Objetos e Interfaces
8 lições757- 01Anotações de Tipo de Objeto InlineDesafioQuiz
- 02Type Aliases para ObjetosDesafioQuiz
- 03Introdução a InterfacesDesafioQuiz
- 04Interfaces vs. Type AliasesQuiz
- 05Props Opcionais e ReadonlyDesafioQuiz
- 06Estendendo Interfaces e TiposDesafioQuiz
- 07Adicionando Métodos a InterfacesDesafioQuiz
- 08Recapitulação: Definindo Formatos de ObjetosDesafio
Projeto: Uma Lista de Tarefas Simples
Projeto6 lições18- 01Projeto: Definindo a Struct de TarefaDesafioQuiz
- 02Função para Adicionar uma TarefaProjeto
- 03Função para Alterar o Status da TarefaProjeto
- 04Função: Listar Tarefas por StatusProjeto
- 05Função: Imprimir Resumo das TarefasProjeto
- 06Juntando TudoProjeto
Enums
6 lições638- 01O que é um Enum Numérico?DesafioQuiz
- 02Usando Enums NuméricosDesafioQuiz
- 03O que é um Enum de String?DesafioQuiz
- 04Usando Enums de StringDesafioQuiz
- 05Enums HeterogêneosDesafioQuiz
- 06Recapitulação: Usando EnumsDesafio
Generics: Uma Primeira Olhada
6 lições537- 01O Problema que Generics ResolvemQuiz
- 02Criando uma Função de Identidade GenéricaDesafioQuiz
- 03Usando uma Função GenéricaDesafioQuiz
- 04Arrays GenéricosDesafioQuiz
- 05Interfaces GenéricasDesafioQuiz
- 06Recapitulação: Prática de Funções GenéricasDesafio
Projeto: Gerenciamento de Inventário
Projeto5 lições18- 01Projeto: Item de Inventário GenéricoDesafioQuiz
- 02Função: Adicionar Itens ao InventárioProjeto
- 03Função para Buscar um Item por IDProjeto
- 04Criar Tipo de Inventário EspecíficoProjeto
- 05Função para Obter Detalhes do ItemProjeto
Tópicos Avançados
6 lições642- 01Asserções de TipoDesafioQuiz
- 02Type Guards: in & instanceofDesafioQuiz
- 03O Tipo 'never'DesafioQuiz
- 04Tipos Anuláveis ('strictNull')DesafioQuiz
- 05Assinaturas de Índice para ObjetosDesafioQuiz
- 06Recapitulação: Refinando TiposDesafio
- Seção 4Programação Orientada a Objetos56 lições
Por que aprender TypeScript com a Coddy
- Escreva TypeScript no seu navegador. Sem instalar o
tsc, sem configurar editor, semtsconfig.jsonpara domar. O editor e a saída ficam lado a lado, então você vê o que cada tipo faz na hora. - TypeScript moderno: anotações de tipo, interfaces, generics, tipos de união e interseção, narrowing, utility types e como o TS se sobrepõe ao JavaScript puro sem mudar o que roda em tempo de execução.
- As dicas de IA ajudam você a ler os erros do TypeScript - os famosos erros longos - sem entregar a correção, para que você construa o modelo mental que torna o código TS futuro mais fácil de escrever.
- Certificado de TypeScript gratuito ao concluir a seção. Um sinal confiável de que você sabe ler e escrever TS idiomático, não apenas JavaScript com tipos espalhados.
Perguntas frequentes sobre aprender TypeScript
O que é TypeScript?
TypeScript é um superset do JavaScript que adiciona tipagem estática opcional. JavaScript válido é TypeScript válido, mas o TS permite anotar variáveis, parâmetros de função e valores de retorno com tipos - o compilador então detecta erros antes do seu código rodar. Em tempo de execução, o TypeScript é compilado para JavaScript puro.
TypeScript é difícil de aprender?
Se você está à vontade com JavaScript, o básico do TypeScript é rápido de pegar - basta adicionar
: string ou : number a algumas variáveis e você já está escrevendo TS. As partes mais complicadas (generics, tipos condicionais, mapped types, narrowing) levam mais tempo, e este curso as introduz em passos pequenos com exemplos práticos.Preciso saber JavaScript antes de TypeScript?
Sim. TypeScript é JavaScript com tipos por cima, então a linguagem que você realmente está aprendendo é JS. Esta seção de TypeScript faz parte da jornada de JavaScript justamente por isso - você pode fazer as seções de JS primeiro ou pular direto para o TS se já estiver à vontade com o JavaScript moderno.
Qual é a diferença entre TypeScript e JavaScript?
JavaScript é tipado dinamicamente - uma variável pode guardar uma string hoje e um número amanhã, e você só descobre em tempo de execução. O TypeScript adiciona uma camada de tipos estáticos que roda em tempo de build, detectando incompatibilidades de tipo antes do código entrar no ar. A saída compilada continua sendo JavaScript puro, então roda em qualquer lugar onde o JS roda.
Posso aprender TypeScript online de graça?
Sim. A seção interativa de TypeScript é gratuita - aulas completas, exercícios de programação, quizzes e um certificado. O editor roda no seu navegador com o compilador TS embutido, então você não precisa instalar o
tsc, o Node nem qualquer ferramenta para começar a escrever TypeScript.Recebo um certificado após o curso de TypeScript?
Sim. Concluir a seção de TypeScript dá a você um certificado de conclusão gratuito que você pode compartilhar no LinkedIn ou incluir no seu currículo. Um sinal verificável de que você trabalhou em material de TypeScript estruturado e prático, não apenas assistiu a tutoriais.