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
140
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
80
Testando Models
diogobeato
0
32
Logging proativo com ELKW
diogobeato
0
230
Fundamentos da JVM
diogobeato
0
310
MinMax
diogobeato
0
92
TDC - Breaking Build
diogobeato
0
75
Breaking Build
diogobeato
0
240
Boas Práticas em APIs REST
diogobeato
2
710
Design para Programadores - Layout
diogobeato
1
53
Other Decks in Programming
See All in Programming
What We Can Learn From OSS
inouehi
0
420
PHPはいつから死んでいるかの調査
chiroruxx
1
390
Anthropic Cookbook のおすすめレシピ
schroneko
7
870
Git Lint
bkuhlmann
4
750
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
130
Fragment Composition of GraphQL
quramy
3
550
見た目から始める生産性向上
ikumatadokoro
7
820
PostmanでAPIの動作確認が楽になった話
h455h1
0
170
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
120
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.2k
Semantic search with Django and pgvector
pauloxnet
0
240
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
216
8.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Fireside Chat
paigeccino
21
2.6k
Testing 201, or: Great Expectations
jmmastey
28
6.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
21
1.6k
Building an army of robots
kneath
300
41k
Faster Mobile Websites
deanohume
299
30k
Git: the NoSQL Database
bkeepers
PRO
422
63k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
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