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
System design 101 - Java day Noroeste
kamilahsantos
2
58
[Thasfin + Orange Juice na CPBR] Minha aplicação virou um monstrinho e agora ?
kamilahsantos
1
37
Minha aplicação virou um monstrinho e agora?
kamilahsantos
2
82
Spring + Localstack : usando aws de forma gratuita
kamilahsantos
2
190
Hacktoberfest DevsJavaGirl
kamilahsantos
0
78
[We are developers Java developer day ] - I will have to refactor ! And now ? Refactoring Techniques in Java
kamilahsantos
1
86
[Codecon summit ] Minha aplicação virou um monstrinho e agora ?
kamilahsantos
3
150
[Semana de SI - each usp] Desmistificando a carreira em tecnologia: de estágio a liderança técnica
kamilahsantos
0
73
[Alura DLC] Como se manter técnica em uma carreira de gestão
kamilahsantos
1
79
Other Decks in Programming
See All in Programming
CI改善もDatadogとともに
taumu
0
120
仕様変更に耐えるための"今の"DRY原則を考える / Rethinking the "Don't repeat yourself" for resilience to specification changes
mkmk884
0
200
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
270
Honoとフロントエンドの 型安全性について
yodaka
7
1.2k
技術を根付かせる / How to make technology take root
kubode
1
250
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
200
Introduction to kotlinx.rpc
arawn
0
700
Formの複雑さに立ち向かう
bmthd
1
850
Domain-Driven Transformation
hschwentner
2
1.9k
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
130
SwiftUI Viewの責務分離
elmetal
PRO
1
240
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
47
17k
Featured
See All Featured
Done Done
chrislema
182
16k
A Tale of Four Properties
chriscoyier
158
23k
The Cult of Friendly URLs
andyhume
78
6.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
Into the Great Unknown - MozCon
thekraken
35
1.6k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Documentation Writing (for coders)
carmenintech
67
4.6k
KATA
mclloyd
29
14k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
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