Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Front-End Architecture for Large Scale Apps - A...

Avatar for Gabriel Zigolis Gabriel Zigolis
September 16, 2015
Technology
210
1

Front-End Architecture for Large Scale Apps - Amsterdam

Avatar for Gabriel Zigolis

Gabriel Zigolis

September 16, 2015

More Decks by Gabriel Zigolis

See All by Gabriel Zigolis
git flow
Avatar for Gabriel Zigolis zigolis
0
320
Front-End Architecture for Large Scale Apps - Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
7
640
Boosting Your Productivity, with Backbone & RactiveJS
Avatar for Gabriel Zigolis zigolis
3
870
SOFEA - Arquiteturas REST com Backbone & HTML5 by Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
3
320
Bem-vindo ao Mundo Front-End por Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
2
180
Desenvolvimento ágil com jQuery Mobile
Avatar for Gabriel Zigolis zigolis
0
88
Workshop jQuery por Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
0
79
Workshop / Benchmarking Performance por Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
1
93
Workshop Padrões de Desenvolvimento Front-End por Gabriel
Avatar for Gabriel Zigolis zigolis
1
90

Other Decks in Technology

See All in Technology
ぼっちではじめた登壇が「51名」「241件」の発信に化けた
Avatar for subroh_0508 subroh0508
1
330
クレデンシャル流出 ― 攻撃 3 時間 vs 復旧 10 時間。この非対称性にどう備えるか
Avatar for kazzpapa3 kazzpapa3
3
590
千葉での単身赴任からAWSをやり続け、千葉に戻ってきた話
Avatar for Yuuki Yamashita yama3133
1
120
【FinOps】データドリブンな意思決定を目指して
Avatar for kaita z63d
2
460
“詰む”前に仕組みを作れ 〜技術の波に溺れないためのキャッチアップ術〜
Avatar for Sugiyama Takaaki takasyou
7
4.1k
AIAU_UMEMOGU_ninomiya_slide
Avatar for ninomiya ninomiya_ii
0
270
AI時代のコスト管理を考えよう〜明日から使える実践AWSノウハウ～
Avatar for yoshimi0227 yoshimi0227
0
930
AIチャット検索改善の3週間
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
190
10年間のブログ発信を振り返って見えたWebアプリケーションエンジニアとしての軌跡
Avatar for すてにゃん stefafafan
0
190
フルAIで個人開発して学んだあれこれ / yuruai vol.1
Avatar for Isao Shimizu isaoshimizu
0
150
從開發到部署全都交給 AI：實作 AI 驅動的自動化流程
Avatar for Bo-Yi Wu appleboy
0
180
脱SaaS！FDEを支えるプロビジョニングと分離設計
Avatar for Kenichi SUZUKI knih
0
300

Featured

See All Featured
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
470
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
170
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
250
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
370
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
13k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.9k

Transcript

  1. Gabriel Zigolis SCALE APPS LARGE FOR ARCHITECTURE FRONT-END

  2. Front-End Developer @Backbase @zigolis

  3. THE PROJECT SINCE 1972 +1K STORES +€ 1B /Y +12M

    ITEMS /Y

  4. CHALLENGE ACCEPTED EXPECTATION +5M PAGE VIEWS /MONTH SUPPORT OLD BROWSERS’

    VERSION (IE8 & 9) MOBILE FRIENDLY (RESPONSIVE AND LIGHT) 3G IN BRAZIL SUCKS! INTERFACE LOADING TIME: 1S

  5. SO HERE IS WHAT WE DID!

  6. MINIFY UGLIFY CRITICAL PATH VIRTUAL DOM OPTIMIZATION CACHE CDN AMD

    SVG SPRITE

  7. DEMAND ON CONTENT

  8. HAVING FUN WITH

  9. <body class="cart">

  10. var configMap = [module];

  11. require(bodyClass);

  12. GOING beyond the wall!!!

  13. COMMON JS FILES

  14. var configMap = [general];

  15. define (general, []);

  16. require(general);

  17. SO, LET’S in small pieces… THINK

  18. var configMap = [delivery];

  19. HAVING FUN WITH

  20. CartView();

  21. DeliveryView();

  22. None

  23. WE do more… CAN

  24. slideshare speakerdeck github twitter /zigolis