SlideShare uma empresa Scribd logo
1 de 42
TypeScript
no
Front-End e no Back-End
Microsoft Most Valuable Professional
(MVP)
Arquiteto de Software na TV Bandeirantes
Autor Técnico e Palestrante
Um dos organizadores do .NET SP
Thiago da Silva Adriano
Contatos
/tadriano-net @programadriano
@programadriano /perfil/thiagoadriano/
@programadriano tadriano.net@gmail.com
Agenda
▸ Introdução ao TypeScript
▸ Exemplos práticos
Anders Hejlsberg
JavaScript
Anders Hejlsberg
https://insights.stackoverflow.com/survey/2018/#most-popular-technologie
Anders Hejlsberg
Transpiling
TypeScript
app.ts
JavaScript
app.js
TypeScript
Compiler“Transpiling”
TypeScript
ES201
6
ES201
5 ES5
Estrutura básica
Suporte a Types
Types
•String
•Number
•Boolean
•Date
•Array
•Any
Exemplo:
nome: string;
idade: number;
ativo: boolean;
Classes
metodo
constructor
propriedade
Class
Interface
s
Interface
Enum
s
Enu
m
Generic
s
Exemplo:
export class List<T> {
add(item: T) {...}
}
...
var custs = new List<ICustomer>();
custs.add({ firstName: 'Ted', lastName: 'James'});
List<T> can be used in many
different ways
Onde nós podemos brincar com ele?
Back-End
Front-End
Mobile
Chatbots
IoT (Internet of
things)
IoT (Internet of
things)
Chatbot + IoT
Games PWA
Chatbot + IoT
SAMPADEVS_2019
TypeScript no Front-End e no Back-End

Mais conteúdo relacionado

Semelhante a TypeScript no Front-End e no Back-End

Apresentação Introdução Typescript - .Net Caxias do Sul
Apresentação   Introdução Typescript - .Net Caxias do SulApresentação   Introdução Typescript - .Net Caxias do Sul
Apresentação Introdução Typescript - .Net Caxias do SulGlaucia Lemos
 
Palestra: Introdução à TypeScript & Features Ts 2.x
Palestra: Introdução à TypeScript & Features Ts 2.x Palestra: Introdução à TypeScript & Features Ts 2.x
Palestra: Introdução à TypeScript & Features Ts 2.x Glaucia Lemos
 
C++11 e C++14 no Visual Studio 2013 [MVP ShowCast 2013 - DEV - Ferramentas de...
C++11 e C++14 no Visual Studio 2013 [MVP ShowCast 2013 - DEV - Ferramentas de...C++11 e C++14 no Visual Studio 2013 [MVP ShowCast 2013 - DEV - Ferramentas de...
C++11 e C++14 no Visual Studio 2013 [MVP ShowCast 2013 - DEV - Ferramentas de...MVP ShowCast
 
Introdução à linguagem C#
Introdução à linguagem C#Introdução à linguagem C#
Introdução à linguagem C#Antonio Trigo
 
TypeScript - Campus party 2013
TypeScript - Campus party 2013TypeScript - Campus party 2013
TypeScript - Campus party 2013Giovanni Bassi
 
Programação Orientada a Testes
Programação Orientada a TestesProgramação Orientada a Testes
Programação Orientada a TestesGregorio Melo
 
Algoritmos e Técnicas de Programação - Aula 03
Algoritmos e Técnicas de Programação - Aula 03Algoritmos e Técnicas de Programação - Aula 03
Algoritmos e Técnicas de Programação - Aula 03thomasdacosta
 
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorksThoughtWorks Brasil
 
Visual Studio 2010 e C# 4
Visual Studio 2010 e C# 4Visual Studio 2010 e C# 4
Visual Studio 2010 e C# 4CDS
 
Clean code @rogeriofontes-techfriday-everis
Clean code @rogeriofontes-techfriday-everisClean code @rogeriofontes-techfriday-everis
Clean code @rogeriofontes-techfriday-everisRogerio Fontes
 
Novidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularNovidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularMVP Microsoft
 
Extração de informação no StackOverflow Careers
Extração de informação no StackOverflow CareersExtração de informação no StackOverflow Careers
Extração de informação no StackOverflow Careersroberta arcoverde
 
Scrum e o Ambiente de Desenvolvimento Ágil
Scrum e o Ambiente de Desenvolvimento ÁgilScrum e o Ambiente de Desenvolvimento Ágil
Scrum e o Ambiente de Desenvolvimento Ágilabacrazy
 
Criando Símbolos Otimizados para Projetos no InduSoft Web Studio
Criando Símbolos Otimizados para Projetos no InduSoft Web StudioCriando Símbolos Otimizados para Projetos no InduSoft Web Studio
Criando Símbolos Otimizados para Projetos no InduSoft Web StudioAVEVA
 
Introdução ao TypeScript + React
Introdução ao TypeScript + ReactIntrodução ao TypeScript + React
Introdução ao TypeScript + ReactGuilherme Oenning
 

Semelhante a TypeScript no Front-End e no Back-End (20)

Apresentação Introdução Typescript - .Net Caxias do Sul
Apresentação   Introdução Typescript - .Net Caxias do SulApresentação   Introdução Typescript - .Net Caxias do Sul
Apresentação Introdução Typescript - .Net Caxias do Sul
 
Palestra: Introdução à TypeScript & Features Ts 2.x
Palestra: Introdução à TypeScript & Features Ts 2.x Palestra: Introdução à TypeScript & Features Ts 2.x
Palestra: Introdução à TypeScript & Features Ts 2.x
 
C++11 e C++14 no Visual Studio 2013 [MVP ShowCast 2013 - DEV - Ferramentas de...
C++11 e C++14 no Visual Studio 2013 [MVP ShowCast 2013 - DEV - Ferramentas de...C++11 e C++14 no Visual Studio 2013 [MVP ShowCast 2013 - DEV - Ferramentas de...
C++11 e C++14 no Visual Studio 2013 [MVP ShowCast 2013 - DEV - Ferramentas de...
 
Introdução à linguagem C#
Introdução à linguagem C#Introdução à linguagem C#
Introdução à linguagem C#
 
Csharp.intro
Csharp.introCsharp.intro
Csharp.intro
 
02 - Introdução a linguagem C# v1.0
02 - Introdução a linguagem C# v1.002 - Introdução a linguagem C# v1.0
02 - Introdução a linguagem C# v1.0
 
TypeScript - Campus party 2013
TypeScript - Campus party 2013TypeScript - Campus party 2013
TypeScript - Campus party 2013
 
Apresentação c++ UFC-Quixadá
Apresentação c++ UFC-QuixadáApresentação c++ UFC-Quixadá
Apresentação c++ UFC-Quixadá
 
Atpaula3 150906041855-lva1-app6892
Atpaula3 150906041855-lva1-app6892Atpaula3 150906041855-lva1-app6892
Atpaula3 150906041855-lva1-app6892
 
Programação Orientada a Testes
Programação Orientada a TestesProgramação Orientada a Testes
Programação Orientada a Testes
 
Algoritmos e Técnicas de Programação - Aula 03
Algoritmos e Técnicas de Programação - Aula 03Algoritmos e Técnicas de Programação - Aula 03
Algoritmos e Técnicas de Programação - Aula 03
 
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
[XConf Brasil 2020] Linguagens no Technology Radar da ThoughtWorks
 
Visual Studio 2010 e C# 4
Visual Studio 2010 e C# 4Visual Studio 2010 e C# 4
Visual Studio 2010 e C# 4
 
SQLAlchemy - Desenvolvendo uma aplicação com Python
SQLAlchemy - Desenvolvendo uma aplicação com Python SQLAlchemy - Desenvolvendo uma aplicação com Python
SQLAlchemy - Desenvolvendo uma aplicação com Python
 
Clean code @rogeriofontes-techfriday-everis
Clean code @rogeriofontes-techfriday-everisClean code @rogeriofontes-techfriday-everis
Clean code @rogeriofontes-techfriday-everis
 
Novidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularNovidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores Angular
 
Extração de informação no StackOverflow Careers
Extração de informação no StackOverflow CareersExtração de informação no StackOverflow Careers
Extração de informação no StackOverflow Careers
 
Scrum e o Ambiente de Desenvolvimento Ágil
Scrum e o Ambiente de Desenvolvimento ÁgilScrum e o Ambiente de Desenvolvimento Ágil
Scrum e o Ambiente de Desenvolvimento Ágil
 
Criando Símbolos Otimizados para Projetos no InduSoft Web Studio
Criando Símbolos Otimizados para Projetos no InduSoft Web StudioCriando Símbolos Otimizados para Projetos no InduSoft Web Studio
Criando Símbolos Otimizados para Projetos no InduSoft Web Studio
 
Introdução ao TypeScript + React
Introdução ao TypeScript + ReactIntrodução ao TypeScript + React
Introdução ao TypeScript + React
 

Mais de MVP Microsoft

TypeScript + Node.js + cosmos db
TypeScript + Node.js + cosmos dbTypeScript + Node.js + cosmos db
TypeScript + Node.js + cosmos dbMVP Microsoft
 
Desenvolvimento de games com C# e Unity
Desenvolvimento de games com C# e UnityDesenvolvimento de games com C# e Unity
Desenvolvimento de games com C# e UnityMVP Microsoft
 
Desenvolvendo games de realidade virtual com C# utilizando o Unity
Desenvolvendo games de realidade virtual com C# utilizando o UnityDesenvolvendo games de realidade virtual com C# utilizando o Unity
Desenvolvendo games de realidade virtual com C# utilizando o UnityMVP Microsoft
 
Angular + asp.net core + docker na nuvem
Angular + asp.net core + docker na nuvem Angular + asp.net core + docker na nuvem
Angular + asp.net core + docker na nuvem MVP Microsoft
 
JavaScript na nuvem node + angular + microsoft azure
JavaScript na nuvem  node + angular + microsoft azureJavaScript na nuvem  node + angular + microsoft azure
JavaScript na nuvem node + angular + microsoft azureMVP Microsoft
 
Vs code + node + angular + azure app service
Vs code + node + angular + azure app serviceVs code + node + angular + azure app service
Vs code + node + angular + azure app serviceMVP Microsoft
 
Erros e acertos com angular na tv bandeirantes
Erros e acertos com angular na tv bandeirantesErros e acertos com angular na tv bandeirantes
Erros e acertos com angular na tv bandeirantesMVP Microsoft
 
Fc nuvem azure node, mongo db, redis e docker
Fc nuvem azure  node, mongo db, redis e dockerFc nuvem azure  node, mongo db, redis e docker
Fc nuvem azure node, mongo db, redis e dockerMVP Microsoft
 
Bots no mundo real o case da tv bandeirantes
Bots no mundo real  o case da tv bandeirantesBots no mundo real  o case da tv bandeirantes
Bots no mundo real o case da tv bandeirantesMVP Microsoft
 
Angular lazy loading
Angular  lazy loadingAngular  lazy loading
Angular lazy loadingMVP Microsoft
 
Utilizando graphQL em projetos .Net
Utilizando graphQL em projetos .NetUtilizando graphQL em projetos .Net
Utilizando graphQL em projetos .NetMVP Microsoft
 
Criando games em c# utilizando o unity
Criando games em c# utilizando o unity Criando games em c# utilizando o unity
Criando games em c# utilizando o unity MVP Microsoft
 
Angular SSR com .NET Core no Azure
Angular SSR com .NET Core no AzureAngular SSR com .NET Core no Azure
Angular SSR com .NET Core no AzureMVP Microsoft
 
Angular + jwt + .net core
Angular + jwt + .net core Angular + jwt + .net core
Angular + jwt + .net core MVP Microsoft
 

Mais de MVP Microsoft (20)

Resiliencia em APIs
Resiliencia em APIsResiliencia em APIs
Resiliencia em APIs
 
TypeScript + Node.js + cosmos db
TypeScript + Node.js + cosmos dbTypeScript + Node.js + cosmos db
TypeScript + Node.js + cosmos db
 
Desenvolvimento de games com C# e Unity
Desenvolvimento de games com C# e UnityDesenvolvimento de games com C# e Unity
Desenvolvimento de games com C# e Unity
 
7 masters
7 masters7 masters
7 masters
 
TypeScript 3.4
TypeScript 3.4 TypeScript 3.4
TypeScript 3.4
 
Xamarim + api
Xamarim + apiXamarim + api
Xamarim + api
 
Desenvolvendo games de realidade virtual com C# utilizando o Unity
Desenvolvendo games de realidade virtual com C# utilizando o UnityDesenvolvendo games de realidade virtual com C# utilizando o Unity
Desenvolvendo games de realidade virtual com C# utilizando o Unity
 
Angular + asp.net core + docker na nuvem
Angular + asp.net core + docker na nuvem Angular + asp.net core + docker na nuvem
Angular + asp.net core + docker na nuvem
 
JavaScript na nuvem node + angular + microsoft azure
JavaScript na nuvem  node + angular + microsoft azureJavaScript na nuvem  node + angular + microsoft azure
JavaScript na nuvem node + angular + microsoft azure
 
Vs code + node + angular + azure app service
Vs code + node + angular + azure app serviceVs code + node + angular + azure app service
Vs code + node + angular + azure app service
 
Xamarin + node.js
Xamarin + node.jsXamarin + node.js
Xamarin + node.js
 
Erros e acertos com angular na tv bandeirantes
Erros e acertos com angular na tv bandeirantesErros e acertos com angular na tv bandeirantes
Erros e acertos com angular na tv bandeirantes
 
Ai fest 2018
Ai fest 2018Ai fest 2018
Ai fest 2018
 
Fc nuvem azure node, mongo db, redis e docker
Fc nuvem azure  node, mongo db, redis e dockerFc nuvem azure  node, mongo db, redis e docker
Fc nuvem azure node, mongo db, redis e docker
 
Bots no mundo real o case da tv bandeirantes
Bots no mundo real  o case da tv bandeirantesBots no mundo real  o case da tv bandeirantes
Bots no mundo real o case da tv bandeirantes
 
Angular lazy loading
Angular  lazy loadingAngular  lazy loading
Angular lazy loading
 
Utilizando graphQL em projetos .Net
Utilizando graphQL em projetos .NetUtilizando graphQL em projetos .Net
Utilizando graphQL em projetos .Net
 
Criando games em c# utilizando o unity
Criando games em c# utilizando o unity Criando games em c# utilizando o unity
Criando games em c# utilizando o unity
 
Angular SSR com .NET Core no Azure
Angular SSR com .NET Core no AzureAngular SSR com .NET Core no Azure
Angular SSR com .NET Core no Azure
 
Angular + jwt + .net core
Angular + jwt + .net core Angular + jwt + .net core
Angular + jwt + .net core
 

TypeScript no Front-End e no Back-End