Slide 1

Slide 1 text

Gabriel Zigolis SCALE APPS LARGE FOR ARCHITECTURE FRONT-END

Slide 2

Slide 2 text

Front-End Developer @Backbase @zigolis

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

SO HERE IS WHAT WE DID!

Slide 6

Slide 6 text

MINIFY UGLIFY CRITICAL PATH VIRTUAL DOM OPTIMIZATION CACHE CDN AMD SVG SPRITE

Slide 7

Slide 7 text

DEMAND ON CONTENT

Slide 8

Slide 8 text

HAVING FUN WITH

Slide 9

Slide 9 text

Slide 10

Slide 10 text

var configMap = [module];

Slide 11

Slide 11 text

require(bodyClass);

Slide 12

Slide 12 text

GOING beyond the wall!!!

Slide 13

Slide 13 text

COMMON JS FILES

Slide 14

Slide 14 text

var configMap = [general];

Slide 15

Slide 15 text

define (general, []);

Slide 16

Slide 16 text

require(general);

Slide 17

Slide 17 text

SO, LET’S in small pieces… THINK

Slide 18

Slide 18 text

var configMap = [delivery];

Slide 19

Slide 19 text

HAVING FUN WITH

Slide 20

Slide 20 text

CartView();

Slide 21

Slide 21 text

DeliveryView();

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

WE do more… CAN

Slide 24

Slide 24 text

slideshare speakerdeck github twitter /zigolis