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
1
170

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
280
Front-End Architecture for Large Scale Apps - Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
7
590
Boosting Your Productivity, with Backbone & RactiveJS
Avatar for Gabriel Zigolis zigolis
3
830
SOFEA - Arquiteturas REST com Backbone & HTML5 by Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
3
290
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
60
Workshop jQuery por Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
0
48
Workshop / Benchmarking Performance por Gabriel Zigolis
Avatar for Gabriel Zigolis zigolis
1
65
Workshop Padrões de Desenvolvimento Front-End por Gabriel
Avatar for Gabriel Zigolis zigolis
1
63

Other Decks in Technology

See All in Technology
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
Avatar for 濱田孝治 hamadakoji
1
1k
Browser
Avatar for Recruit recruitengineers
PRO
8
2.2k
kubellが考える戦略と実行を繋ぐ活用ファーストのデータ分析基盤
Avatar for kubell kubell_hr
0
120
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
Avatar for gree_tech gree_tech
PRO
0
430
PRDの正しい使い方 ～AI時代にも効く思考・対話・成長ツールとして～
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
320
実践アプリケーション設計 ③ドメイン駆動設計
Avatar for Recruit recruitengineers
PRO
13
4.1k
【初心者向け】ローカルLLMの色々な動かし方まとめ
Avatar for Aratako aratako
4
2.4k
制約理論（ToC）入門
Avatar for Recruit recruitengineers
PRO
9
3.7k
ヘブンバーンズレッドのレンダリングパイプライン刷新
Avatar for gree_tech gree_tech
PRO
0
440
「魔法少女まどか☆マギカ Magia Exedra」での負荷試験の実践と学び
Avatar for gree_tech gree_tech
PRO
0
440
Flutterでキャッチしないエラーはどこに行く
Avatar for AOKI Taiju taiju59
0
210
Webアクセシビリティ入門
Avatar for Recruit recruitengineers
PRO
3
1.5k

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
185
54k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
51
5.6k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k

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