Aula 7 - Como Usamos o TypeScript

💻 Conheça a Formação em Desenvolvimento Web 💻
refatorando.com.br/desenvolvi...
🚀 Mergulhe nos nossos eBooks repletos de insights valiosos e junte-se à nossa comunidade no Discord, onde o aprendizado se torna uma experiência coletiva e inspiradora.
✅ Ebook: Como usar a ChatGPT para aprender a programação: refatorando.com.br/m3m8
✅ Ebook: Como encontrar as melhores vagas em TI: refatorando.com.br/sygl
✅ Ebook: Como se destacar em processos seletivos de TI: refatorando.com.br/ajnw
✅ Faça parte da nossa comunidade no Discord: / discord
🏆 VÍDEOS MAIS ASSISTIDOS DO CANAL 🏆
5 motivos para fazer Análise e Desenvolvimento de Sistemas
👉 • 5 motivos para fazer A...
Vale a pena fazer Engenharia de software?
👉 • Vale a pena fazer Enge...
TOP 5 áreas de TI mais valorizadas no Brasil hoje
👉 • TOP 5 áreas de TI mais...
Como criar um portfólio de programação sem experiência profissional?
👉 • Como criar um portfóli...
_________________________________________________________________________
Aula 7 - Como Usamos o TypeScript
Nesta aula, nosso foco principal será iniciar um novo projeto TypeScript. Vamos abordar desde a inicialização do projeto até a compreensão da estrutura básica que um projeto TypeScript deve ter. Estamos prestes a entrar na parte prática da nossa jornada, então prepare-se!
Inicializando um Novo Projeto
Iniciar um novo projeto TypeScript é um processo bastante simples. Primeiro, abra o terminal e navegue até o diretório onde deseja criar seu projeto. Em seguida, utilize o comando tsc --init para inicializar um novo projeto TypeScript. Este comando criará um arquivo tsconfig.json em seu diretório, que é o coração de qualquer projeto TypeScript, onde você pode configurar várias opções para o seu projeto, mas nos vamos ver isso a seguir na aula.
Criando Arquivos .ts
Agora que temos nosso projeto inicializado, é hora de começar a trabalhar com arquivos TypeScript, que têm a extensão .ts. Crie um novo arquivo com a extensão .ts, por exemplo, main.ts. Este será o arquivo onde você começará a escrever seu código TypeScript.
vamos escrever um código básico em TypeScript. Abra o arquivo main.ts que você acabou de criar e escreva o seguinte código:
console.log('Olá, mundo TypeScript!');
Este é um exemplo simples que demonstra como escrever um código básico em TypeScript. Você notará que a sintaxe é muito semelhante ao JavaScript, o que facilita a transição para aqueles que já têm experiência com JavaScript.
O Processo de Compilação
Depois de escrever seu código em TypeScript, o próximo passo é compilar o código. A compilação é o processo de transformar seu código TypeScript em código JavaScript, que pode ser executado em qualquer navegador ou ambiente Node.js. Para compilar seu código, abra o terminal e use o comando tsc seguido do nome do seu arquivo, como:
tsc main.ts
Isso criará um arquivo main.js no mesmo diretório, que é a versão JavaScript do seu código TypeScript.
Agora, vamos dar uma olhada no código transpilado. Abra o arquivo main.js que foi gerado após a compilação. Você notará que o código TypeScript foi convertido em código JavaScript. Isso demonstra como o TypeScript atua como uma sobreposição de tipos no JavaScript, ajudando a evitar erros comuns e facilitando a manutenção do código em projetos maiores.
_________________________________________________________________________
Compatilhe esse vídeo com mais pessoas:
▶ Increva-se no canal: / @refatorando
▶ Siga-nos no Instagram: / refatorandobr
▶ Siga-nos no Linkedin: / refatorando
▶ Email para contato: [e-mail]

[@jonathansd93]

Primero a curtir. Já cheguei de like!