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
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
180
Create a website using Spatial Web
akkeylab
0
310
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
270
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
880
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
110
CursorはMCPを使った方が良いぞ
taigakono
1
210
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
460
エンジニア向け採用ピッチ資料
inusan
0
180
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
240
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
240
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
BBQ
matthewcrist
89
9.7k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Adopting Sorbet at Scale
ufuk
77
9.4k
Become a Pro
speakerdeck
PRO
28
5.4k
Building an army of robots
kneath
306
45k
Scaling GitHub
holman
459
140k
For a Future-Friendly Web
brad_frost
179
9.8k
Testing 201, or: Great Expectations
jmmastey
42
7.6k
Typedesign – Prime Four
hannesfritz
42
2.7k
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