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
Isomorphic Javascript
Search
Diogo Beato
February 18, 2016
Programming
0
150
Isomorphic Javascript
Slides para a apresentação no papo reto da bluesoft sobre o tema: Isomorphic Javascript
Diogo Beato
February 18, 2016
Tweet
Share
More Decks by Diogo Beato
See All by Diogo Beato
Cloud Native Banking
diogobeato
1
90
Testando Models
diogobeato
0
35
Logging proativo com ELKW
diogobeato
0
240
Fundamentos da JVM
diogobeato
0
320
MinMax
diogobeato
0
97
TDC - Breaking Build
diogobeato
0
79
Breaking Build
diogobeato
0
250
Boas Práticas em APIs REST
diogobeato
2
730
Design para Programadores - Layout
diogobeato
1
59
Other Decks in Programming
See All in Programming
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
600
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
130
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
20
3.8k
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
240
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
170
WindowInsetsだってテストしたい
ryunen344
1
210
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
1.1k
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
ニーリーにおけるプロダクトエンジニア
nealle
0
700
ReadMoreTextView
fornewid
1
490
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
340
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
670
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
How GitHub (no longer) Works
holman
314
140k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Building Adaptive Systems
keathley
43
2.6k
The Language of Interfaces
destraynor
158
25k
Typedesign – Prime Four
hannesfritz
42
2.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Transcript
ISOMORPHIC JAVASCRIPT Diogo Beato | @dvbeato
ERA UMA VEZ A WEB
ERA UMA VEZ A WEB Requisições para HTML estático Browsers
com poucos recursos Porém era fantástico
CONTEÚDOS MAIS DINÂMICOS Surgimento do Javascript
NOVA ERA DA WEB Engines poderosas de Javascript HTML5 com
apis de acesso a hardware
SINGLE PAGE APPLICATION Aplicações inteiras em Javascript Desacoplamento total do
clients-side com o server-side Interfaces mais dinâmicas e interativas Modelos de Aplicações Offline
NOVOS DESAFIOS NOVAS FERRAMENTAS Frameworks MV* Angular, Ember, Backbone…
ARQUITETURA CLIENT-SIDE MVC
NA PRÁTICA A TEORIA É OUTRA
PROBLEMAS DE SEO Por padrão as aplicações SPA são ruins
para o SEO
PROBLEMAS DE MANUTENIBILIDADE Lógica duplicada (Rotas, formatações, validações de formulários)
PROBLEMAS DE PERFOMANCE Processamento de renderização todo no lado do
cliente. Páginas em branco e loadings demorados.
Twitter investiu um ano e 40 engenheiros para refazer o
site que antes era SPA para o modelo baseado em server side e tiveram um aumento de 5x tempo de load do site. Amazon fez uma pesquisa que a cada 100ms reduzido no load do site deles aumentava a receita em 1%.
DE UM EXTREMO AO OUTRO
ARQUITETURA HÍBRIDA
ISOMORPHIC JAVASCRIPT NÃO É NOVIDADE Discutido desde 2011 pela Nodejitsu
Frameworks com esse conceito(Mojito e Meteor) Projetos em produção (Airbnb e Asana)
ESSA NÃO É A BALA DE PRATA
REFERÊNCIAS • http://nerds.airbnb.com/isomorphic-java-future-web-apps/ • http://isomorphic.net/
TEXTO