SlideShare uma empresa Scribd logo
1 de 56
Desenvolvendo Apps
Frontend, Backend, IoT e Chatbot
com JavaScript
Microsoft (MVP)
Thiago da Silva Adriano
Arquiteto de Software na TV
Band
Autor Técnico e Palestrante
Organizador dos
meetups
/perfil/thiagoadriano
programadrianotadriano.net
programadriano
programadriano
Contatos
Contatos
Agenda
Introdução ao TypeScript
Exemplos práticos (Back, front, IoT,
Chatbot)
Estrutura básica
Java Script
Anders Hejlsberg
https://insights.stackoverflow.com/survey/2018/#most-popular-technologies
Transpiling
TypeScript
app.ts
JavaScript
app.js
TypeScript Compiler
“Transpiling”
TypeScript
ES2016
ES2015
ES5
25
26
Suporte a Types
Estrutura básica
Types
•String
•Number
•Boolean
•Date
•Array
•Any
Exemplo:
nome: string; idade: number;
ativo: boolean;
nome : string= “Thiago Adriano”;
nome = “Thiago Adriano”;
Orientação a Objetos
Classes
metodo
constructor
propriedade
Interfaces
Enums
Generics
Exemplo:
export class List<T> {
add(item: T) {...}
}
...
var hero = new List<IHeroes>();
hero.add({ firstName: 'Tony', lastName: 'Stark'});
RESTful Api em Node + TS
Front: TS + HTML
IoT (Internet of things)
Front + IoT
Chatbot
47
Mobile
49
https://github.com/programadriano/ionic-NYT
Games
Referências
● https://forums.rpgmakerweb.com
● https://stackoverflow.com/
● https://goo.gl/TezmX1
● https://phaser.io
GitHub: https://github.com/programadriano
/perfil/thiagoadriano
programadrianotadriano.net
programadriano
programadriano
Contatos
Contatos
Thanks!

Mais conteúdo relacionado

Semelhante a Tdc 2020 Floripa

Visual Studio 2010 e C# 4
Visual Studio 2010 e C# 4Visual Studio 2010 e C# 4
Visual Studio 2010 e C# 4CDS
 
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
 
Programação Orientada a Testes
Programação Orientada a TestesProgramação Orientada a Testes
Programação Orientada a TestesGregorio Melo
 
Dev Day 2013: Push Notification + SignalR
Dev Day 2013: Push Notification + SignalRDev Day 2013: Push Notification + SignalR
Dev Day 2013: Push Notification + SignalRWalter Dias
 
Matando o Java e Mostrando o Python
Matando o Java e Mostrando o PythonMatando o Java e Mostrando o Python
Matando o Java e Mostrando o PythonOsvaldo Santana Neto
 
Como desenvolver softwares utilizando tecnologias microsoft
Como desenvolver softwares utilizando tecnologias microsoftComo desenvolver softwares utilizando tecnologias microsoft
Como desenvolver softwares utilizando tecnologias microsoftJucinei Pereira Dos Santos
 
Evolução do .NET Framework e do Visual Basic
Evolução do .NET Framework e do Visual BasicEvolução do .NET Framework e do Visual Basic
Evolução do .NET Framework e do Visual BasicRicardo Guerra Freitas
 
Introdução à linguagem C#
Introdução à linguagem C#Introdução à linguagem C#
Introdução à linguagem C#Antonio Trigo
 
Codelab - Análise de Redes Sociais com Python
Codelab - Análise de Redes Sociais com PythonCodelab - Análise de Redes Sociais com Python
Codelab - Análise de Redes Sociais com PythonAna Paula Gomes
 
Geração de Código com o MyGeneration
Geração de Código com o MyGenerationGeração de Código com o MyGeneration
Geração de Código com o MyGenerationComunidade NetPonto
 
Campus Party Brasil 2010 - ALM - Application Lifecycle Management
Campus Party Brasil 2010 - ALM - Application Lifecycle ManagementCampus Party Brasil 2010 - ALM - Application Lifecycle Management
Campus Party Brasil 2010 - ALM - Application Lifecycle ManagementRamon Durães
 
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
 
Intervalo Técnico - QG Mobile
Intervalo Técnico - QG MobileIntervalo Técnico - QG Mobile
Intervalo Técnico - QG MobileVitor Albuquerque
 
Nuvem, IoT, Big Data… para onde estamos indo? - Etec Sales - Novembro-2017
Nuvem, IoT, Big Data… para onde estamos indo? - Etec Sales - Novembro-2017Nuvem, IoT, Big Data… para onde estamos indo? - Etec Sales - Novembro-2017
Nuvem, IoT, Big Data… para onde estamos indo? - Etec Sales - Novembro-2017Renato Groff
 
Kyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de softwareKyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de softwareFábio Nogueira de Lucena
 
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
 
Appcelerator Mobile+ 2015 (português)
Appcelerator  Mobile+ 2015 (português)Appcelerator  Mobile+ 2015 (português)
Appcelerator Mobile+ 2015 (português)Fernando S C Ferreira
 
Appcelerator_ Visão Geral_Português_V1
Appcelerator_ Visão Geral_Português_V1Appcelerator_ Visão Geral_Português_V1
Appcelerator_ Visão Geral_Português_V1Fernando S C Ferreira
 

Semelhante a Tdc 2020 Floripa (20)

Visual Studio 2010 e C# 4
Visual Studio 2010 e C# 4Visual Studio 2010 e C# 4
Visual Studio 2010 e C# 4
 
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...
 
Programação Orientada a Testes
Programação Orientada a TestesProgramação Orientada a Testes
Programação Orientada a Testes
 
Dev Day 2013: Push Notification + SignalR
Dev Day 2013: Push Notification + SignalRDev Day 2013: Push Notification + SignalR
Dev Day 2013: Push Notification + SignalR
 
Matando o Java e Mostrando o Python
Matando o Java e Mostrando o PythonMatando o Java e Mostrando o Python
Matando o Java e Mostrando o Python
 
Como desenvolver softwares utilizando tecnologias microsoft
Como desenvolver softwares utilizando tecnologias microsoftComo desenvolver softwares utilizando tecnologias microsoft
Como desenvolver softwares utilizando tecnologias microsoft
 
Evolução do .NET Framework e do Visual Basic
Evolução do .NET Framework e do Visual BasicEvolução do .NET Framework e do Visual Basic
Evolução do .NET Framework e do Visual Basic
 
FJN 2011
FJN 2011FJN 2011
FJN 2011
 
Introdução à linguagem C#
Introdução à linguagem C#Introdução à linguagem C#
Introdução à linguagem C#
 
Codelab - Análise de Redes Sociais com Python
Codelab - Análise de Redes Sociais com PythonCodelab - Análise de Redes Sociais com Python
Codelab - Análise de Redes Sociais com Python
 
Geração de Código com o MyGeneration
Geração de Código com o MyGenerationGeração de Código com o MyGeneration
Geração de Código com o MyGeneration
 
Campus Party Brasil 2010 - ALM - Application Lifecycle Management
Campus Party Brasil 2010 - ALM - Application Lifecycle ManagementCampus Party Brasil 2010 - ALM - Application Lifecycle Management
Campus Party Brasil 2010 - ALM - Application Lifecycle Management
 
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
 
Framework Entities
Framework EntitiesFramework Entities
Framework Entities
 
Intervalo Técnico - QG Mobile
Intervalo Técnico - QG MobileIntervalo Técnico - QG Mobile
Intervalo Técnico - QG Mobile
 
Nuvem, IoT, Big Data… para onde estamos indo? - Etec Sales - Novembro-2017
Nuvem, IoT, Big Data… para onde estamos indo? - Etec Sales - Novembro-2017Nuvem, IoT, Big Data… para onde estamos indo? - Etec Sales - Novembro-2017
Nuvem, IoT, Big Data… para onde estamos indo? - Etec Sales - Novembro-2017
 
Kyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de softwareKyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de software
 
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
 
Appcelerator Mobile+ 2015 (português)
Appcelerator  Mobile+ 2015 (português)Appcelerator  Mobile+ 2015 (português)
Appcelerator Mobile+ 2015 (português)
 
Appcelerator_ Visão Geral_Português_V1
Appcelerator_ Visão Geral_Português_V1Appcelerator_ Visão Geral_Português_V1
Appcelerator_ Visão Geral_Português_V1
 

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
 
Novidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularNovidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularMVP 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
 

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
 
Novidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores AngularNovidades do TypeScript para desenvolvedores Angular
Novidades do TypeScript para desenvolvedores Angular
 
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
 

Tdc 2020 Floripa