Front-End Architecture for Large Scale Apps - Gabriel Zigolis

Gabriel Zigolis SCALE APPS LARGE FOR ARCHITECTURE FRONT-END

Front-End Architect at Arezzo @zigolis

“Absolutely nothing” FRONT-END DOES WTF ARCHITECTURE A DO

FIRST word that comes to MIND…

JAVA BAD ? SO IS

WHAT’S THE RESULT ? OF THIS

AND ? THIS

YOU ? THIS KNOW DO

MATTER? IT DOES REALLY

HYBRIS YES, IT MATTERS! ATG WEBSPHERE

WE DEVELOP FOR DO WHY IE 8,9…

USERS! THEY ARE THE ANSWER.

AREZZO CUSTOMERS AGE SYSTEM BROWSER 20~65 90% GATES 15% IE
8~9

DO WHAT DOES IT MEAN KNOW YOU ? 15% WEB
SELLS 15$ IE 8~9

THAT'S TO SUPPORT THEM WE NEED WHY

RESPONSIVE MOBILE VERSION OR ?

SCHUTZ E-COMMERCE 20% WEB SELLS 4$ MOBILE before responsive

SCHUTZ E-COMMERCE -80% after responsive 4$ 20% WEB SELLS

REQUIRE BROWSERIFY OR ?

Gabriel Zigolis, just a developer “There’s no reason to compare
them, they are completely different.” Stop!

NICE TO MEET YOU I’m require();

requirejs.org “It's a Javascript ﬁle and module loader. Using a
modular script loader like RequireJS will improve the speed and quality of your code.” require();

HAVING FUN WITH

require(bodyClass);

var conﬁgMap = [module];

GOING beyond the wall!!!

COMMON JS FILES

require(general);

var conﬁgMap = [general];

deﬁne (general, []);

DEMAND JS ON

LET’S in small pieces… THINK

Gabriel Zigolis, just a developer “It makes a lot of
sense to only load ﬁles when the user require them.” Think!

var conﬁgMap = [delivery];

NEED TO WE CODE!!!

BACKBONE JS ANGULAR JS OR ?

Gabriel Zigolis, just a developer “It's so personal that becomes
stupid to start an argument about it.” Bullshit!

backbonejs.org “Gives structure to web applications by providing models, collections
and views to consume API over a RESTful JSON interface.”

CHARACTERISTICS • Powerful Javascript LIB • Adaptable, inspired on MV*
pattern • Modern, widely used in SPA • Completely skinny, bitch! Just 7.3kb (1.2.0)

USE WHY BACKBONE ? or any other lib, framework…

BECAUSE APPS THE GREW UP

NEEDING Organization Architecture Modularization MORE

Backbone Cart();

Instancing features!

WHERE IS THE DELIVERY ?

Delivery on demand!

Backbone DeliveryView();

Backbone DeliveryModel();

Backbone Rocks!!!

WE do more… CAN

Gabriel Zigolis, just a developer “Man, it’s up to you!”
Really, again?

BACKBONE VIEW REACT OR ?

Let’s talk!

Gabriel Zigolis, just a developer “There is no magic or
perfect solution, just your necessity and sense!” What’s the idea?

Gabriel Zigolis @zigolis

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

Front-End Architecture for Large Scale Apps - Gabriel Zigolis

More Decks by Gabriel Zigolis

Other Decks in Technology

Featured

Transcript