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
事業価値と Engineering
Avatar for Recruit recruitengineers
PRO
7
5.3k
実践アプリケーション設計 ③ドメイン駆動設計
Avatar for Recruit recruitengineers
PRO
13
4k
シークレット管理だけじゃない！HashiCorp Vault でデータ暗号化をしよう / Beyond Secret Management! Let's Encrypt Data with HashiCorp Vault
Avatar for ののし nnstt1
2
130
Nstockの一人目エンジニアが 3年間かけて向き合ってきた セキュリティのこととこれから〜あれから半年〜
Avatar for わだよし yo41sawada
0
110
スプリントレトロスペクティブはチーム観察の宝庫？ 〜チームの衝突レベルに合わせたアプローチ仮説！〜
Avatar for Hatorik electricsatie
1
140
異業種出身エンジニアが気づいた、転向して十数年経っても変わらない自分の武器とは
Avatar for macneko-ayu macnekoayu
0
250
DuckDB-Wasmを使って ブラウザ上でRDBMSを動かす
Avatar for hacusk hacusk
1
130
Flutterでキャッチしないエラーはどこに行く
Avatar for AOKI Taiju taiju59
0
210
Vault meets Kubernetes
Avatar for mochizuki875 mochizuki875
0
150
進捗
Avatar for ydah ydah
2
220
「魔法少女まどか☆マギカ Magia Exedra」での負荷試験の実践と学び
Avatar for gree_tech gree_tech
PRO
0
420
microCMS 最新リリース情報（microCMS Meetup 2025）
Avatar for microCMS microcms
0
380

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
56
5.8k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
570
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k

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