Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Live Coding - spring boot + angular
Search
Kamila de fatima santos oliveira
June 09, 2020
Programming
1
120
Live Coding - spring boot + angular
Kamila de fatima santos oliveira
June 09, 2020
Tweet
Share
More Decks by Kamila de fatima santos oliveira
See All by Kamila de fatima santos oliveira
[Thasfin + Orange Juice na CPBR] Minha aplicação virou um monstrinho e agora ?
kamilahsantos
0
17
Minha aplicação virou um monstrinho e agora?
kamilahsantos
1
54
Spring + Localstack : usando aws de forma gratuita
kamilahsantos
2
170
Hacktoberfest DevsJavaGirl
kamilahsantos
0
56
[We are developers Java developer day ] - I will have to refactor ! And now ? Refactoring Techniques in Java
kamilahsantos
1
65
[Codecon summit ] Minha aplicação virou um monstrinho e agora ?
kamilahsantos
2
140
[Semana de SI - each usp] Desmistificando a carreira em tecnologia: de estágio a liderança técnica
kamilahsantos
0
66
[Alura DLC] Como se manter técnica em uma carreira de gestão
kamilahsantos
1
60
[CPBR15] Como o github projects pode ajudar nos seus estudos
kamilahsantos
0
59
Other Decks in Programming
See All in Programming
Trial
cairolibrary720
1
130
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
Rubyのパフォーマンスプロファイリングの改善 / Enhancing performance profiling for Ruby
osyoyu
1
410
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
Introduction of Happy Eyeballs Version 2 (RFC8305) to the Socket library
coe401_
1
220
Temporalを取り巻く仕様を整理する
sajikix
0
110
How to use Macrobenchmark
veronikapj
0
160
Harnessing Large Language Models for Training-free Video Anomaly Detection
tereka114
1
1.3k
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.9k
生成AIをkintoneに連携してみた
hideg
0
230
Featured
See All Featured
What's new in Ruby 2.0
geeforr
338
31k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Side Projects
sachag
451
42k
Designing Experiences People Love
moore
136
23k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
The Cult of Friendly URLs
andyhume
75
5.9k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
A Philosophy of Restraint
colly
200
16k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
Transcript
Java + Angular Como dominar essa stack?
Kamila Santos Dev Backend
Entre em contato :)
O que vamos ter na Live Coding?
Spring <3
Spring Framework 20+ Spring Framework 20+
Spring Framework 20+ Spring Boot
Spring Framework 20+ Spring Data JPA
Spring Framework 20+ Spring Security
Spring Framework 20+ Spring Cloud
Spring Framework 20+ Spring Batch
Spring Framework 20+ Spring WebFlux
Angular <3
Spring Framework 20+ Framework para construção da interface de aplicações
usando HTML, CSS e, principalmente, JavaScript, criada pelos desenvolvedores da Google.
Spring Framework 20+ Baseado em componentes
Spring Framework 20+ Desenvolver SPAs: uma aplicação web que roda
em uma única página e atualiza só o que voce desejar
Spring Framework 20+
RXJS
Spring Framework 20+ Biblioteca para desenvolver aplicações assíncronas baseadas em
eventos usando sequências de observables.
Spring Framework 20+ Tem um tipo "core" que é o
Observable e os chamados tipos "secundários" ( Schedulers, Subscriptions,Subjects)
Spring Framework 20+
Spring Framework 20+ RESPONSIVO O sistema responde em tempo hábil,
se possível
Spring Framework 20+ RESILIENTE O sistema permanece responsivo diante de
falhas
Spring Framework 20+ ELÁSTICO O sistema permanece responsivo diante de
uma carga de trabalho variável.
Spring Framework 20+ MESSAGE DRIVEN Aplicações reativas dependem da passagem
de mensagens assíncronas para estabelecer um limite entre os componentes, garantindo um acoplamento flexível , isolamento e transparência
LIFECYCLE HOOKS?
Spring Framework 20+ O QUE SÃO LIFECYCLE HOOKS? Todo componente
angular tem um ciclo de vida: passa pelo processo de criação, execução e possível destruição.
Spring Framework 20+ O QUE SÃO LIFECYCLE HOOKS? Isso é
realizado pelo Angular criando o componente, renderizando, criando e renderizando seus filhos, verificando modificações nas propriedades e no DOM, realizando alterações, destruindo e removendo do DOM.
Spring Framework 20+ ngOnChanges() É o primeiro lifeCycle Hook é
chamado logo após a inicialização da classe e o componente é criado
Spring Framework 20+ ngOnChanges() Também é chamado quando há alteração
de propriedade dentro do seu componente.
Spring Framework 20+ ngOnInit() Este é chamado depois do ngOnChanges(),
só é chamado uma única vez, inicializa o componente, define e exibe suas propriedades de entrada.
Spring Framework 20+ ngOnInit() É o lifeCycle mais importante do
Angular, pois "alerta" que um componente foi criado.
Spring Framework 20+ ngDoCheck() É chamado durante todas verificações de
mudança durante a execução, geralmente depois que o NgOnInit é chamado
Spring Framework 20+ ngAfterContentInit() Só é executado uma vez depois
que o primeiro ngDoCheck é chamado, semelhando ao ngDoCheck, mas projetado para visualização do componente.
Spring Framework 20+ ngAfterContentChecked() Este hook é chamado depois que
o conteúdo projetado para a visualização do componente é inicializado, após o ngAfterContentInit e ngDoCheck forem chamados.
Spring Framework 20+ ngAfterViewInit() Chamado após as visualizações dos componentes
e seus subsequentes filhos, após a execução do hook ngAfterContentChecked
Spring Framework 20+ ngAfterViewChecked() Nosso penúltimo lifecycle hook, executados após
todos os demais.
Spring Framework 20+ ngOnDestroy() O último lifeCycle , é chamado
antes do componente ser ser removido do DOM
Spring Framework 20+ ngOnDestroy() É feita a limpeza do componente,
desde a desanexação de event handlers até a desinscrição de observables.
Event Binding
Spring Framework 20+ Event Binding Utilizamos o eventBinding para vincular
um código da aplicação a um determinado evento do disparado pelo navegador.
Spring Framework 20+ O que precisamos saber? 1-Qual elemento emitirá
o evento? 2- Qual o nome do evento que será emitido? 3- Qual o nome do método do componente que será executado em resposta ao evento?
Spring Framework 20+ (click) Quando o mouse clica algum elemento
ele é disparado.
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+ Keyup.enter Ouve o pressionamento da tecla Enter,
pois sinaliza que o usuário terminou de digitar.
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+ Temos vários outros eventos:
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+
MINHA DIFICULDADE?
Spring Framework 20+
E qual será a nossa Demo?
Estrutura Back End
Spring Framework 20+
Estrutura Front End
Spring Framework 20+
Telas Desenvolvidas
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+
Spring Framework 20+
Obrigada <3