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
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
480
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
660
Honoをフロントエンドで使う 3つのやり方
yusukebe
5
2.2k
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
270
『品質』という言葉が嫌いな理由
korimu
0
160
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2.2k
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
Formの複雑さに立ち向かう
bmthd
1
720
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
210
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
550
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
640
Featured
See All Featured
Done Done
chrislema
182
16k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Making Projects Easy
brettharned
116
6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
For a Future-Friendly Web
brad_frost
176
9.5k
Designing for humans not robots
tammielis
250
25k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Visualization
eitanlees
146
15k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Statistics for Hackers
jakevdp
797
220k
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