Programação para aplicativos móveis Aula 04 – JavaScript vs TypeScript Prof.: Caio Malheiros [email protected] Roteiro • O que é JavaScript • Sintaxe JS • O que é TypeScript • Sintaxe TS O que é o JavaScript • Originalmente criado para interagir com elementos em uma página Web através de um Navegador. • JavaScript não é Java • É baseada na linguagem C • Linguagem com tipagem dinâmica • var x = 0 Por que aprender JavaScript? • Com JavaScript podemos desenvolver: • Aplicações Web • Aplicações que rodam no lado do servidor • Node JS • Aplicações Nativas • Aplicações desktop e mobile com Electron e React Native Por que aprender JavaScript? • Visual Studio Code: • https://github.com/microsoft/vscode • Segundo StackOverflow • https://insights.stackoverflow.com/survey/2021 Sintaxe JavaScript - Variáveis • Podemos declarar variáveis de 3 formas: Sintaxe JavaScript - Variáveis • Utilizando o var • Função com escopo global • Pode ser alterado no escopo • Disponível antes da declaração Sintaxe JavaScript - Variáveis • Utilizando o let • Só fica disponível dentro do escopo • Só pode ser utilizada após sua declaração Sintaxe JavaScript - Variáveis • Utilizando o const • Parecido com o let • Porém não é mutável após sua declaração Sintaxe JavaScript – Manipulando Strings • Podemos trabalhar de duas formas com o JS ES6 Sintaxe JavaScript - Operadores • Operadores aritméticos Sintaxe JavaScript - Operadores • Operadores relacionais Sintaxe JavaScript - Operadores • Operadores lógicos Sintaxe JavaScript – IF e ELSE Sintaxe JavaScript - Functions • Funções são estruturas que agrupam um conjunto de comandos, que são executados quando o procedimento é chamado Sintaxe JavaScript - Functions • Arrow Function – É uma função com uma estrutura mais simples Sintaxe JavaScript - Functions • Função anônima– É uma função que não é necessário declarar o nome Sintaxe JavaScript - Arrays Sintaxe JavaScript - Arrays Sintaxe JavaScript - links • Documentação JavaScript • https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference • Treinamento Microsoft JavaScript https://channel9.msdn.com/Series/Beginners-Series-toJavaScript?WT.mc_id=javascript-29163-cxa • W3school – JavaScript • https://www.w3schools.com/js/default.asp O que é o TypeScript • TypeScript é uma linguagem de código aberto. • Adiciona tipagem estática no JavaScript • Adiciona novas funcionalidade ao JavaScript • Compila para JavaScript para ser executado Por que utilizar TS? • Evita resultados inesperados Por que utilizar TS? • Avisa se estiver fazendo algo errado Por que utilizar TS? • Avisa se estiver fazendo algo errado Por que utilizar TS? • Avisa se estiver fazendo algo errado Por que utilizar TS? • Deixa seu editor mais inteligente. Por que utilizar TS? • Tipagem em parâmetros Sintaxe do TS - Tipos • boolean. Sintaxe do TS - Tipos • string. Sintaxe do TS - Tipos • number • Int,float, hex, binary Sintaxe do TS - Tipos • Array (tipo) Sintaxe do TS - Tipos • tuple Sintaxe do TS - Tipos • enum – conjunto de chave e valor Sintaxe do TS - Tipos • any – qualquer coisa Sintaxe do TS - Tipos • void Sintaxe do TS - Tipos • object Sintaxe do TS - documentação • Você pode conhecer mais sobre TypeScript em: • https://www.typescriptlang.org/ Bora voltar para o React Native • Agora bora aplicar o TypeScript em nossos projetos com React Native Dúvidas? Ótimo dia para todos!
