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

Otimizando eu JavaScript com TypeScript

Jan 22, 2018

Download

Software

Andre Baltieri
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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