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
1
44
[Thasfin + Orange Juice na CPBR] Minha aplicação virou um monstrinho e agora ?
kamilahsantos
1
27
Minha aplicação virou um monstrinho e agora?
kamilahsantos
2
73
Spring + Localstack : usando aws de forma gratuita
kamilahsantos
2
180
Hacktoberfest DevsJavaGirl
kamilahsantos
0
70
[We are developers Java developer day ] - I will have to refactor ! And now ? Refactoring Techniques in Java
kamilahsantos
1
76
[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
73
[Alura DLC] Como se manter técnica em uma carreira de gestão
kamilahsantos
1
72
Other Decks in Programming
See All in Programming
ヤプリ新卒SREの オンボーディング
masaki12
0
130
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
120
Jakarta EE meets AI
ivargrimstad
0
540
AI時代におけるSRE、 あるいはエンジニアの生存戦略
pyama86
6
1.1k
Kaigi on Rails 2024 〜運営の裏側〜
krpk1900
1
210
Nurturing OpenJDK distribution: Eclipse Temurin Success History and plan
ivargrimstad
0
900
詳細解説! ArrayListの仕組みと実装
yujisoftware
0
580
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
170
Jakarta EE meets AI
ivargrimstad
0
150
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
1
1.5k
受け取る人から提供する人になるということ
little_rubyist
0
230
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
13k
It's Worth the Effort
3n
183
27k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
A Modern Web Designer's Workflow
chriscoyier
693
190k
How to Ace a Technical Interview
jacobian
276
23k
Designing the Hi-DPI Web
ddemaree
280
34k
How STYLIGHT went responsive
nonsquared
95
5.2k
Six Lessons from altMBA
skipperchong
27
3.5k
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