Gabriel Zigolis
SCALE APPS
LARGE
FOR
ARCHITECTURE
FRONT-END
Front-End Architect at Arezzo
@zigolis
“Absolutely nothing”
FRONT-END
DOES
WTF
ARCHITECTURE
A
DO
FIRSTword that comes to
MIND…
JAVA
BAD
?
SO
IS
WHAT’S THE
RESULT
?OF THIS
AND
?THIS
YOU
?
THIS
KNOWDO
MATTER
?IT
DOES REALLY
HYBRIS
YES, IT
MATTERS!
ATG
WEBSPHERE
WE DEVELOP FOR
DO
WHY
IE 8,9…
USERS!THEY ARE THE ANSWER.
AREZZOCUSTOMERS
AGE
SYSTEM
BROWSER
20~65
90%
GATES
15%
IE 8~9
DOWHAT DOES IT MEAN
KNOW
YOU
?
15%
WEB
SELLS
15$ IE
8~9
THAT'STO SUPPORT THEM
WE NEED
WHY
RESPONSIVE
MOBILE VERSION
OR
?
SCHUTZE-COMMERCE
20%
WEB
SELLS
4$ MOBILE
before responsive
SCHUTZE-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’mrequire();
requirejs.org
“It's a Javascript file 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 configMap = [module];
<body class="cart">
GOINGbeyond the wall!!!
COMMON
JSFILES
require(general);
var configMap = [general];
define (general, []);
DEMAND
JS
ON
LET’S in small pieces…THINK
Gabriel Zigolis, just a developer
“It makes a lot of sense to only load files
when the user require them.”
Think!
var configMap = [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
GREWUP
NEEDING
Organization
Architecture
Modularization
MORE
Backbone Cart();
Instancing features!
WHERE IS
THEDELIVERY
?
Delivery on demand!
Backbone DeliveryView();
Backbone DeliveryModel();
Backbone Rocks!!!
WE do more…CAN
OR
?
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 - Gabriel Zigolis