O documento apresenta uma introdução à tecnologia Native Script, discutindo: 1) o crescimento do uso de JavaScript em larga escala; 2) como o TypeScript adiciona tipagem estática ao JavaScript; 3) a popularidade do framework AngularJs. É demonstrado como o Native Script permite desenvolver aplicativos nativos para Android e iOS usando JavaScript/TypeScript e Angular, com recursos como data binding e navegação entre telas.

1. Introdução ao Native Script

2. Sobre
Microsoft MVP desde 2013
Desenvolvedor Web desde 2005
Trabalhou em projetos nacionais e internacionais de grande porte
Foco em JavaScript, ASP.NET, WebAPI, Angular, NodeJs e outras
tecnologias Open Source
http://andrebaltieri.net/

3. Agenda
JavaScript hoje
Por que TypeScript?
Por que AngularJs?
O que é o Native Script?
DEMO

4. JavaScript hoje!
Você vai se assustar com estes números!

5. JavaScript hoje!

6. JavaScript hoje!
Utilizado em sistemas de larga escala
Linguagem (Assembly) da Web
Lembram do WinJs?
Futuro promissor
Presente em todo lugar!

7. JavaScript em larga escala
Dia-a-dia aplicações maiores usam JavaScript
Divisão entre Frontend e Backend
Inclusive nas contratações
ERPs, Bancos, eCommerces entre outros já usam

8. TypeScript
Guerra Civil da Web!

10. TypeScript
Desenvolvido na Microsoft
Criado por Anders Hejlsberg (Criador do C#)
Totalmente Open Source
Superset do JavaScript
Criado para “tipar” o JavaScript
Flexível
Quanto mais você “tipa” mais ele te ajuda

11. Por que TypeScript?
JavaScript é muito dinâmico
Refatorar não é simples
Compila para ES5 ou ES6
Possibilita uso de features futuras hoje!
Auxilia na escrita de código (Intelisense)

12. TypeScript
TSD
TypeScript Definitions
Parte que nos permite ter um ótimo intelisense
TSC
TypeScript Compiler
O que transforma nossos arquivos TS em JS

13. AngularJs
O queridinho do momento!

14. AngularJs
Criado internamente na Google em 2009 (O tempo AVUA!!)
“Trouxe” o padrão MVC para aplicações JavaScript
Introduziu uma forma de “componentizar” diferente
Seu uso cresce dia-a-dia
É o queridinho da vez
Está indo para versão 2.0

15. Telerik Native Script
Vamos ao que interessa!

16. TNS
Aplicações Nativas
Experiência Web no desenvolvimento Mobile
Utiliza JavaScript puro ou Angular 2 com TypeScript

17. TNS
Aplicações Nativas
Experiência Web no desenvolvimento Mobile
Utiliza JavaScript puro ou Angular 2 com TypeScript
No Angular
MVVM => Two Way Binging
Recursos de Navegação
Reaproveitamento de Código (Componentes)

18. DEMO
it`s time

19. Dúvidas
?

21. OBRIGADO