Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
翻訳・対話・越境で強いチームワークを作ろう！ / Building Strong Teamwork through Interpretation, Dialogue, and Border-Crossing
Avatar for ar_tama ar_tama
4
1.6k
Multimodal AI Driving Solutions to Societal Challenges
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
1
120
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
11
390k
タグ付きユニオン型を便利に使うテクニックとその注意点
Avatar for uhyo uhyo
2
620
M5UnifiedとPicoRubyで楽しむM5シリーズ
Avatar for Katsuhiko Kageyama kishima
0
110
シンプルを極める。アンチパターンなDB設計の本質
Avatar for Facilo Inc. facilo_inc
1
1k
20251127 BigQueryリモート関数で作る、お手軽AIバッチ実行環境
Avatar for daimatz daimatz
0
430
AI駆動開発によるDDDの実践
Avatar for ディップ株式会社 dip_tech
PRO
0
290
Product Engineer
Avatar for Resilire resilire
0
130
Capture Checking / Separation Checking 入門
Avatar for Rikito Taniguchi tanishiking
0
110
eBPFとwaruiBPF
Avatar for Satoru Takeuchi sat
PRO
2
930
“決まらない”NSM設計への処方箋 〜ビットキーにおける現実的な指標デザイン事例〜 / A Prescription for "Stuck" NSM Design: Bitkey’s Practical Case Study
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
340

Featured

See All Featured
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
960

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