Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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

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

Front-End Architecture for Large Scale Apps - Amsterdam

Avatar for Gabriel Zigolis

Gabriel Zigolis

September 16, 2015
Tweet

More Decks by Gabriel Zigolis

See All by Gabriel Zigolis
git flow
Avatar for Gabriel Zigolis zigolis
0
290
Front-End Architecture for Large Scale Apps - Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
7
610
Boosting Your Productivity, with Backbone & RactiveJS
Avatar for Gabriel Zigolis zigolis
3
840
SOFEA - Arquiteturas REST com Backbone & HTML5 by Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
3
300
Bem-vindo ao Mundo Front-End por Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
2
150
Desenvolvimento ágil com jQuery Mobile
Avatar for Gabriel Zigolis zigolis
0
67
Workshop jQuery por Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
0
55
Workshop / Benchmarking Performance por Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
1
72
Workshop Padrões de Desenvolvimento Front-End por Gabriel
Avatar for Gabriel Zigolis zigolis
1
70

Other Decks in Technology

See All in Technology
なぜ使われないのか？──定量×定性で見極める本当のボトルネック
Avatar for KAKEHASHI kakehashi
PRO
1
760
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
9.9k
命名から始めるSpec Driven
Avatar for Kurowi kuruwic
3
830
pmconf2025 - 他社事例を"自社仕様化"する技術_iRAFT法
Avatar for yamachi｜@yamapiya_ daichi_yamashita
0
490
Master Dataグループ紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4k
プロダクトマネージャーが押さえておくべき、ソフトウェア資産とAIエージェント投資効果 / pmconf2025
Avatar for Masato Ishigaki / 石垣雅人 i35_267
2
340
pmconf2025 - データを活用し「価値」へ繋げる
Avatar for Emy - Emiko Yoshihara glorypulse
0
440
モバイルゲーム開発におけるエージェント技術活用への試行錯誤 ～開発効率化へのアプローチの紹介と未来に向けた展望～
Avatar for QualiArts qualiarts
0
280
mablでリグレッションテストをデイリー実行するまで #mablExperience
Avatar for 弁護士ドットコム bengo4com
0
470
Multimodal AI Driving Solutions to Societal Challenges
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
1
120
20251127 BigQueryリモート関数で作る、お手軽AIバッチ実行環境
Avatar for daimatz daimatz
0
430
生成AI・AIエージェント時代、データサイエンティストは何をする人なのか？そして、今学生であるあなたは何を学ぶべきか？
Avatar for kuri8ive kuri8ive
2
1.8k

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
76
5.2k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k

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