TypeScript: Introdução ao superset para devs JavaScript

O workshop "TypeScript: Introdução ao superset para devs JavaScript", apresentado por Lucas Viana, aborda o TypeScript, um superset do JavaScript. O curso explora a tipagem estática, a definição e composição de tipos, manipulação de tipos, e a configuração e instalação do TypeScript. Além disso, ensina como criar tipos para projetos JavaScript usando JSDoc e declarações de tipos. O workshop é estruturado de maneira a proporcionar um entendimento abrangente do TypeScript, uma linguagem cada vez mais popular entre desenvolvedores JavaScript.

Transcript

1. TypeScript TypeScript: Introdução ao superset para devs JavaScript 18/11/2023
2. Quem sou eu? - Me chamo Baú, ou Lucas Viana se preferir - Button Painter Engineer há aproximadamente 6 anos - Caiçara - Corredor aspirante - Estudante de Mandarim mechamobau
3. 1. TypeScript: definição e proposta Quem é esse tal de TS?
4. TypeScript: definição e proposta - 1o de Outubro de 2012 (8 anos) - Anders Hejlsberg - Tipagem estática para JS
5. TypeScript: definição e proposta
6. TypeScript: definição e proposta - Type Checker - Transpilador - Documentação de Tipos
7. +600 ~23M Downloads Downloads por semana no npm Contribuidores Contribuidores totais da linguagem Adoção 2a linguagem que as pessoas mais querem usar de acordo com StackOverflow Survey 2021 TypeScript: definição e adoção
8. //Definição de Tipos Como defino tipos no TipoScript?
9. Definição de tipos Tipos literais
10. Definição de tipos TypeScript Haskell Tipos compostos
11. Definição de tipos
12. //Composição de Tipos Hora da fusão de tipos
13. Composição de tipos Union Intersection - Há duas formas de compor tipos em TS:
14. Composição de tipos Intersection types
15. Composição de tipos Union types
16. //Manipulação de Tipos Brincando com os Tipos criados
17. Manipulação de tipos Utility types Omit<Tipo, Chaves> Pick<Tipo, Chaves> NonNullable<Tipo> Retorna um novo tipo, sem as propriedades declaradas Retorna um novo tipo, apenas com as propriedades declaradas Retorna um tipo novo sem null ou undefined Record<Chaves,Tipo> Retorna um tipo de objeto com o mesmo tipo para a chave e para os valores E outros 15+ tipos utilitários...
18. Manipulação de tipos NewType
19. 2. Como criar um projeto TypeScript Configuração e instalação
20. TypeScript: Configuração e instalação - Para instalar o TypeScript basta instalá-lo como um pacote global
21. TypeScript: Configuração e instalação
22. TypeScript: Configuração e instalação - O tsc é o CLI que conecta o seu projeto ao compilador (e servidor) do TypeScript tsc [options] [file…] - Para iniciar um projeto TypeScript basta rodar: tsc --init
23. 3. Como criar tipos para projetos JavaScript O porquê do TypeScript ser mais que uma linguagem
24. Como criar tipos para projetos JavaScript - 8 de abril de 2016 - Salsa - Execução de tipos estáticos
25. Como criar tipos para projetos JavaScript
26. Como criar tipos para projetos JavaScript - Através do Salsa é possível definir tipos para um projeto JavaScript de duas formas: 1. JSDoc 2. Declarações de tipos (.d.ts)
27. //Como utilizar o JSDoc como sistema de tipos O que é? Pra que serve? Onde vive?
28. Como utilizar o JSDoc como sistema de tipos O que é JSDoc? É um projeto JavaScript criado com o propósito de documentar APIs de aplicações ou bibliotecas JavaScript. - @typedef - @type - @callback
29. Como utilizar o JSDoc como sistema de tipos
30. Como utilizar o JSDoc como sistema de tipos
31. Como utilizar o JSDoc como sistema de tipos
32. @typedef
33. Como utilizar o JSDoc como sistema de tipos @typedef - A tag @typedef é equivalente a uma declaração de type alias no TypeScript. - Esta tag é muito utilizada para declaração de estruturas de múltiplos campos no seu código através do @property
34. Como utilizar o JSDoc como sistema de tipos
35. Como utilizar o JSDoc como sistema de tipos
36. @type
37. Como utilizar o JSDoc como sistema de tipos @type - A tag @type é usada para definirmos o tipo de uma expressão. - Esta tag é pode ser utilizada para declaração também
38. Como utilizar o JSDoc como sistema de tipos
39. Como utilizar o JSDoc como sistema de tipos
40. @callback
41. Como utilizar o JSDoc como sistema de tipos @callback - A tag @callback é usada para definirmos o tipo de uma função junto às tags @param e @returns. - É possível também declarar funções curry
42. Como utilizar o JSDoc como sistema de tipos
43. Como utilizar o JSDoc como sistema de tipos
44. Como utilizar o JSDoc como sistema de tipos
45. Como utilizar o JSDoc como sistema de tipos
46. //Arquivos de declaração de tipos Tipos em JavaScript sem perder a facilidade
47. Arquivos de declaração de tipos - São arquivos responsáveis por criar declarações de tipos para APIs JavaScript - Através destes arquivos é possível compartilhar documentações
48. Arquivos de declaração de tipos
49. Arquivos de declaração de tipos
50. Arquivos de declaração de tipos
51. Arquivos de declaração de tipos
52. Arquivos de declaração de tipos