26
ANDRÉ BALTIERI ANDREBALTIERI.NET/ Otimizando seu JavaScript com TypeScript

Otimizando eu JavaScript com TypeScript

Embed Size (px)

Citation preview

Page 1: Otimizando eu JavaScript com TypeScript

ANDRÉ BALTIERIANDREBALTIERI.NET/

Otimizando seu

JavaScript com

TypeScript

Page 2: Otimizando eu JavaScript com TypeScript

O QUE É O TYPESCRIPT?SUPERSET DO JAVASCRIPTCRIADO POR ANDERS HEIJNSBERGFLEXÍVELCOMPILADOFUTURISTAÓTIMO INTELISENSE NO VS CODE

Page 3: Otimizando eu JavaScript com TypeScript

O QUE ELE RESOLVE?SEU JAVASCRIPT CRESCEU?ESTÁ BAGUNÇADO?VOCÊ TEM DIFICULDADES EM REFATORAR?TEM DIFICULDADES EM TESTAR?TEM DIFICULDADES EM DEBUGAR?

Page 4: Otimizando eu JavaScript com TypeScript

INICIANDO

TSC MEUARQUIVO.TS

Page 5: Otimizando eu JavaScript com TypeScript

TIPAGEM

TSC MEUARQUIVO.TS

Page 6: Otimizando eu JavaScript com TypeScript

INTERFACES

Page 7: Otimizando eu JavaScript com TypeScript

INTERFACES

Page 8: Otimizando eu JavaScript com TypeScript

CLASSES

Page 9: Otimizando eu JavaScript com TypeScript

CLASSES

Page 10: Otimizando eu JavaScript com TypeScript

CLASSES

Page 11: Otimizando eu JavaScript com TypeScript

MODULOS

Page 12: Otimizando eu JavaScript com TypeScript

MELHORANDO...ESTRUTURANDO EM ARQUIVOS SEPARADOS|- CONTRACTS

|- IPESSOA.TS|- PESSOA.TS|- MAIN.TS|- _ALL.TS|- INDEX.HTML

Page 13: Otimizando eu JavaScript com TypeScript

IPESSOA.TS

Page 14: Otimizando eu JavaScript com TypeScript

ALUNO.TS

Page 15: Otimizando eu JavaScript com TypeScript

MAIN.TS

Page 16: Otimizando eu JavaScript com TypeScript

_ALL.TS

Page 17: Otimizando eu JavaScript com TypeScript

INDEX.HTML

Page 18: Otimizando eu JavaScript com TypeScript

RESULTADO...HUMMM… AINDA DÁ PARA MELHORAR

Page 19: Otimizando eu JavaScript com TypeScript

AUTOMATIZANDO COM GULPNPM INIT -YNPM INSTAL GULP GULP-TSC GULP-WATCH --SAVE

Page 20: Otimizando eu JavaScript com TypeScript

GULP

Page 21: Otimizando eu JavaScript com TypeScript

MENOS É MAISREDUÇÃO NOS REQUESTS AJUDANA PERFORMANCE DO CARREGAMENTODA PÁGINA

Page 22: Otimizando eu JavaScript com TypeScript

MELHORANDO…

Page 23: Otimizando eu JavaScript com TypeScript

MUITO MENOS ÉAINDAMAIS…

Page 24: Otimizando eu JavaScript com TypeScript

TUDOAUTOMÁTICO COM GULP-WATCH

Page 25: Otimizando eu JavaScript com TypeScript

http://lab1024.com.br

http://andrebaltieri.net

ANDRÉ BALTIERI

Page 26: Otimizando eu JavaScript com TypeScript

MUITO OBRIGADO!

ANDRÉ BALTIERI