SlideShare uma empresa Scribd logo
1 de 70
Erros e acertos com Angular na TV
Bandeirantes
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
Agenda
▸ Tecnologia antes do Angular
▸ Linha do tempo (projetos Angular)
Tecnologias
Time Band
Time Band
Referência
REDE X
Projeto o2
Pros
▸ Melhora na performance
▸ Separação por blocos
Contras
Anders Hejlsberg
frontend Backend
Compilação
Arquitetura básica
Mas
Projeto o1
Mas
Mas
Mas
Mas
Projeto o2
Mas
Mas
Mas
Mas
Projeto Angular
Módulo
Componente Componente
Componente Componente
component....
AppModel
Como organizar a nossa estrutura?
Projeto Angular
Módulo
menu
Módulo
/news
home
C - menu-uol
C-menu-
band
C-news-center
C-news-btn
Mas
Mas
Mas
Mas
Mas
Compartilhamento
SSR (Server-side rendering)
Angular Universal - SSR
SSR (Server-side rendering)
Compartilhamento
Extras
Ambientes
Ambientes
lifecycle hooks
https://imasters.com.br/desenvolvimento/customizando-o-angular-cli
Schematics
https://angular.io/guide/universal - Angular Universal
https://goo.gl/Q6fNqX - Angular SSR (Server-side rendering)
https://goo.gl/mbNJv3 - Angular Router
https://goo.gl/RkfeXa - Angular Lazy Loading
Referencias
Erros e acertos com angular na tv bandeirantes
Erros e acertos com angular na tv bandeirantes

Mais conteúdo relacionado

Semelhante a Erros e acertos com angular na tv bandeirantes

Introdução ao ALM e a visão da Plataforma Microsoft para developers.
Introdução ao ALM e a visão da Plataforma Microsoft para developers.Introdução ao ALM e a visão da Plataforma Microsoft para developers.
Introdução ao ALM e a visão da Plataforma Microsoft para developers.Gustavo Malheiros
 
Implantando Continuous Delivery com TFS
Implantando Continuous Delivery com TFSImplantando Continuous Delivery com TFS
Implantando Continuous Delivery com TFSAndré Dias
 
[Roadsec23] Dominando Angular com o ChatGPT
[Roadsec23] Dominando Angular com o ChatGPT[Roadsec23] Dominando Angular com o ChatGPT
[Roadsec23] Dominando Angular com o ChatGPTWender Machado
 
Function as a Service: IT forum expo 2017
Function as a Service: IT forum expo 2017Function as a Service: IT forum expo 2017
Function as a Service: IT forum expo 2017Igor Rosa Macedo
 
CV Jorge Ramos Ago 2014
CV Jorge Ramos Ago 2014CV Jorge Ramos Ago 2014
CV Jorge Ramos Ago 2014Jorge Ramos
 
QConSP 2011 - Praticando a arquitetura evolucionária
QConSP 2011 - Praticando a arquitetura evolucionáriaQConSP 2011 - Praticando a arquitetura evolucionária
QConSP 2011 - Praticando a arquitetura evolucionáriaLeandro Daniel
 
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
 
Desenvolvimento de Aplicações para Android em C# com o MonoDroid
Desenvolvimento de Aplicações para Android em C# com o MonoDroidDesenvolvimento de Aplicações para Android em C# com o MonoDroid
Desenvolvimento de Aplicações para Android em C# com o MonoDroidBruno Pires
 
Novidades do TypeScript
Novidades do TypeScript Novidades do TypeScript
Novidades do TypeScript MVP Microsoft
 
Encontrando equilíbrio do DDD enquanto sua aplicação cresce
Encontrando equilíbrio do DDD enquanto sua aplicação cresceEncontrando equilíbrio do DDD enquanto sua aplicação cresce
Encontrando equilíbrio do DDD enquanto sua aplicação cresceCarolina Karklis
 
[PRJ32][Christopher] aula 1 – introdução
[PRJ32][Christopher] aula 1 – introdução[PRJ32][Christopher] aula 1 – introdução
[PRJ32][Christopher] aula 1 – introduçãoChristopher Cerqueira
 
Qualidade de Software com Microsoft Visual Studio
Qualidade de Software com Microsoft Visual StudioQualidade de Software com Microsoft Visual Studio
Qualidade de Software com Microsoft Visual StudioAdriano Bertucci
 
TopSolid'Wood 2010
TopSolid'Wood 2010TopSolid'Wood 2010
TopSolid'Wood 2010PauloPaula
 
Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)
Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)
Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)André Dias
 

Semelhante a Erros e acertos com angular na tv bandeirantes (20)

Introdução ao ALM e a visão da Plataforma Microsoft para developers.
Introdução ao ALM e a visão da Plataforma Microsoft para developers.Introdução ao ALM e a visão da Plataforma Microsoft para developers.
Introdução ao ALM e a visão da Plataforma Microsoft para developers.
 
Implantando Continuous Delivery com TFS
Implantando Continuous Delivery com TFSImplantando Continuous Delivery com TFS
Implantando Continuous Delivery com TFS
 
[Roadsec23] Dominando Angular com o ChatGPT
[Roadsec23] Dominando Angular com o ChatGPT[Roadsec23] Dominando Angular com o ChatGPT
[Roadsec23] Dominando Angular com o ChatGPT
 
Function as a Service: IT forum expo 2017
Function as a Service: IT forum expo 2017Function as a Service: IT forum expo 2017
Function as a Service: IT forum expo 2017
 
CV Jorge Ramos Ago 2014
CV Jorge Ramos Ago 2014CV Jorge Ramos Ago 2014
CV Jorge Ramos Ago 2014
 
QConSP 2011 - Praticando a arquitetura evolucionária
QConSP 2011 - Praticando a arquitetura evolucionáriaQConSP 2011 - Praticando a arquitetura evolucionária
QConSP 2011 - Praticando a arquitetura evolucionária
 
Como desenvolver softwares utilizando tecnologias microsoft
Como desenvolver softwares utilizando tecnologias microsoftComo desenvolver softwares utilizando tecnologias microsoft
Como desenvolver softwares utilizando tecnologias microsoft
 
Desenvolvimento de Aplicações para Android em C# com o MonoDroid
Desenvolvimento de Aplicações para Android em C# com o MonoDroidDesenvolvimento de Aplicações para Android em C# com o MonoDroid
Desenvolvimento de Aplicações para Android em C# com o MonoDroid
 
Novidades do TypeScript
Novidades do TypeScript Novidades do TypeScript
Novidades do TypeScript
 
Encontrando equilíbrio do DDD enquanto sua aplicação cresce
Encontrando equilíbrio do DDD enquanto sua aplicação cresceEncontrando equilíbrio do DDD enquanto sua aplicação cresce
Encontrando equilíbrio do DDD enquanto sua aplicação cresce
 
[PRJ32][Christopher] aula 1 – introdução
[PRJ32][Christopher] aula 1 – introdução[PRJ32][Christopher] aula 1 – introdução
[PRJ32][Christopher] aula 1 – introdução
 
Marco Vasconcelos CV
Marco Vasconcelos CVMarco Vasconcelos CV
Marco Vasconcelos CV
 
As Tecnologias de Informação na Prática da Engenharia Civil
As Tecnologias de Informação na Prática da Engenharia CivilAs Tecnologias de Informação na Prática da Engenharia Civil
As Tecnologias de Informação na Prática da Engenharia Civil
 
20141128-Carlos-Eduardo-Capparelli
20141128-Carlos-Eduardo-Capparelli20141128-Carlos-Eduardo-Capparelli
20141128-Carlos-Eduardo-Capparelli
 
C poli c definitivo
C poli c definitivoC poli c definitivo
C poli c definitivo
 
Qualidade de Software com Microsoft Visual Studio
Qualidade de Software com Microsoft Visual StudioQualidade de Software com Microsoft Visual Studio
Qualidade de Software com Microsoft Visual Studio
 
TopSolid'Wood 2010
TopSolid'Wood 2010TopSolid'Wood 2010
TopSolid'Wood 2010
 
Programação Robótica com RobotExpert
Programação Robótica com RobotExpertProgramação Robótica com RobotExpert
Programação Robótica com RobotExpert
 
Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)
Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)
Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)
 
felipe_brum-cv
felipe_brum-cvfelipe_brum-cv
felipe_brum-cv
 

Mais de MVP Microsoft

Introducao ao GraphQL
Introducao ao GraphQLIntroducao ao GraphQL
Introducao ao GraphQLMVP 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
 
GraphQL com .NET Core
GraphQL com .NET CoreGraphQL com .NET Core
GraphQL com .NET CoreMVP 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
 
Mackenzie - TypeScript
Mackenzie - TypeScript Mackenzie - TypeScript
Mackenzie - TypeScript MVP Microsoft
 
Typescript no fronte no back com Docker
Typescript no fronte no back com DockerTypescript no fronte no back com Docker
Typescript no fronte no back com DockerMVP 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
 
TypeScript no Back-end e no Front-end
TypeScript no Back-end e no Front-endTypeScript no Back-end e no Front-end
TypeScript no Back-end e no Front-endMVP Microsoft
 

Mais de MVP Microsoft (20)

Resiliencia em APIs
Resiliencia em APIsResiliencia em APIs
Resiliencia em APIs
 
Introducao ao GraphQL
Introducao ao GraphQLIntroducao ao GraphQL
Introducao ao GraphQL
 
Tdc 2020 Floripa
Tdc 2020 FloripaTdc 2020 Floripa
Tdc 2020 Floripa
 
Angular DevOps
Angular DevOpsAngular DevOps
Angular DevOps
 
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
 
GraphQL com .NET Core
GraphQL com .NET CoreGraphQL com .NET Core
GraphQL com .NET Core
 
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
 
Mackenzie - TypeScript
Mackenzie - TypeScript Mackenzie - TypeScript
Mackenzie - TypeScript
 
Typescript no fronte no back com Docker
Typescript no fronte no back com DockerTypescript no fronte no back com Docker
Typescript no fronte no back com Docker
 
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
 
TypeScript no Back-end e no Front-end
TypeScript no Back-end e no Front-endTypeScript no Back-end e no Front-end
TypeScript no Back-end e no Front-end
 
Ai fest 2018
Ai fest 2018Ai fest 2018
Ai fest 2018
 

Erros e acertos com angular na tv bandeirantes