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
140
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
De java para Kotlin: Como aprender e liderar times nessa linguagem
kamilahsantos
0
18
Quarkus-Club-criando-arquiteturas-escalaveis-na-pratica
kamilahsantos
1
32
System design 101 - Java day Noroeste
kamilahsantos
2
83
[Thasfin + Orange Juice na CPBR] Minha aplicação virou um monstrinho e agora ?
kamilahsantos
1
58
Minha aplicação virou um monstrinho e agora?
kamilahsantos
2
110
Spring + Localstack : usando aws de forma gratuita
kamilahsantos
2
220
Hacktoberfest DevsJavaGirl
kamilahsantos
0
100
[We are developers Java developer day ] - I will have to refactor ! And now ? Refactoring Techniques in Java
kamilahsantos
1
110
[Codecon summit ] Minha aplicação virou um monstrinho e agora ?
kamilahsantos
3
180
Other Decks in Programming
See All in Programming
Devoxx BE - Local Development in the AI Era
kdubois
0
130
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
uma31
0
150
CSC305 Lecture 05
javiergs
PRO
0
210
Software Architecture
hschwentner
6
2.3k
CSC305 Lecture 04
javiergs
PRO
0
270
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
530
オープンソースソフトウェアへの解像度🔬
utam0k
15
2.9k
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
170
Six and a half ridiculous things to do with Quarkus
hollycummins
0
170
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
220
Swift Concurrency - 状態監視の罠
objectiveaudio
2
520
私はどうやって技術力を上げたのか
yusukebe
43
18k
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
Fireside Chat
paigeccino
40
3.7k
The Cult of Friendly URLs
andyhume
79
6.6k
Automating Front-end Workflow
addyosmani
1371
200k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
980
Into the Great Unknown - MozCon
thekraken
40
2.1k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Scaling GitHub
holman
463
140k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
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