Apresentação Introdução Typescript - .Net Caxias do Sul
Transferir como PPTX, PDF0 gostou317 visualizações
1) O documento introduz o TypeScript e suas principais características como tipagem estática, classes, interfaces e suporte a programação orientada a objetos. 2) TypeScript foi criado para lidar com a complexidade de códigos JavaScript modernos e torna o código mais previsível e fácil de depurar. 3) Apesar de TypeScript adicionar tipagem estática, JavaScript continua sendo o futuro e pode ser usado em diversos ambientes como front-end, back-end, mobile e IoT.
Apresentação Introdução Typescript - .Net Caxias do Sul
- 1. Introdução à TypeScript & Features Ts 2.x
- 2. Glaucia Lemos github.com/glaucia86 @glaucia_lemos86 glaucialemos code4coders Software Engineer na Resource IT (à procura) Microsoft MVP Visual Studio Dev. Technologies .NET, Node.Js, Angular, Ts, sou Desenvolvedora! Drummer e Cinéfila nas horas vagas....
- 6. <script> for (var i = 0; i < 10; i++) { (function(x) { window.setTimeout(function() { console.log(x); }); })(i); } </script>
- 7. E esse é o problema do Javascript..... Por isso que para alguns JavaScript é.....
- 10. Mas, calma.... Existe uma solução para os seus problemas!!! :D
- 13. Mas, o que é Typescript?!!!
- 14. • TypeScript é uma linguagem código aberto criada pela Microsoft e criada pelo Anders Hejlsberg (criador de linguagens como: Turbo Pascal, Borland, Delphi e .NET); • Segue a mesma linha do CoffeScript ou Dart; • Possui tipagem estática; • Criada para desenvolvimento de pequenas à grandes aplicações que fazem uso do JavaScript. • Fácil compreensão; • Faz uso de: Módulos, Classes, Interface, Genéricos, etc. • No final, o código compilado será JavaScript • Aberto para usar em outros frameworks, como: Angular, Aurelia, React, Ember, Vue.Js.... E assim vai! :D • Aberto para desenvolver em diferentes IDE’s e SO’s; Afinal, o que é TypeScript?!
- 15. E o melhor....
- 16. Forte apoio a POO (Programação Orientada a Objetos);
- 18. Muitos tem aderido ao TypeScript....
- 19. Frameworks que usam TypeScript
- 20. Por que precisamos do TypeScript?! “À medida que um sistema evolui, a complexidade de um código JavaScript aumenta. A menos que sejam tomadas medidas para reduzir a aplicação.” “JavaScript não foi projetado para lidar com o nível de complexidade requeridas e necessárias nas aplicações dos dias atuais.”
- 21. • O TypeScript nos permite usar hoje: ES6 e ES7. TypeScript é o futuro do JavaScript! • Torna a organização do código de fácil leitura para códigos de grande complexidade, graças aos módulos, namespaces. • Devido à sua tipagem estática, o código escrito em TypeScript é mais previsível e é mais fácil de poder depurar o código. • Typescript retorna todos os erros antes que eles atinjam em tempo de execução evitando assim “quebrar” o código antes que seja executado.
- 22. Então TypeScript é só.....
- 25. Exemplo: Tipagem Tipos em TypeScript: • number • string • boolean • arrays • void • enum • tuple • any • null & undefined + Info: http://www.typescriptlang.org/docs/handbook/basic-types.html
- 28. Outras características importantes no TypeScript Sem Demos....
- 29. Módulos Podemos usar o --module para especificar o tipo de módulo que queremos usar no código: ● CommonJS ● AMD ● System ● UMD
- 30. Suporte para: Async /await
- 31. E inúmeros outros benefícios..... • Generators • Decorators • Namespaces • Generics • (...)
- 32. E o futuro do TypeScript?! https://github.com/Microsoft/Ty peScript/wiki/Roadmap
- 33. Mas e aí... Devo esquecer o JavaScript?! NUNCA!!!
- 34. Javascript é o futuro! E melhor...
- 35. Ele te dá poderes!!!
- 36. ... Você pode executar/desenvolver Javascript em... Server Database Hardware Back - End Front – End Mobile Native IoT E melhor..... WEB
- 37. Assim que JavaScript é.... Sexy Multiplaforma e....
- 38. WE
- 39. Links Importantes: • Documentação Oficial TypeScript • Link: https://www.typescriptlang.org/docs/tutorial.html • Blog: Code4Coders • Link: https://code4coders.wordpress.com/2017/01/11/conhecendo- typescript/ • GitHub (demos – .NET Caxias do Sul): • Link: https://github.com/glaucia86/dot-net-caxias-sul • Canal Youtube: Glaucia Lemos • Link: https://www.youtube.com/user/l32759?sub_confirmation=1 • Udemy (Curso TypeScript): • Link: https://www.udemy.com/curso-typescript-para-desenvolvedores-c