online

Czym jest AOL?

Model biznesowy

ABO

downline

Customer

Visitor

Admin

sponsor

i18n

/l10n

31 rynków

/64+ języków

Aplikacje

Desktop (user)

Light

Admin

Active Forms RWD

Active Content "RWD"

API

Integracja

Hiperadmin

Aplikacja mobilna

Solr

Kafka

Big Picture

Co się zmieniło?

11/09/2012

dziś

Co pod spodem?

hacki
obrazy w tle

90% odwiedzających
CSS3
graceful degradation

Co pod spodem?

admin/default.css
user/print.css
user/default.css
user/ie.css

LESS
@import "user/module/catalog.less"
automatyczne budowanie
> 4096 selektorów :(

icon sprite
task w Gradle
skrypt w Node i npm
(

<img src="help_icon2.gif">

(icon "help")

Co pod spodem?

Na tapecie

mini aplikacja w aminie napisana w React.js
ładownie fragmentów AOL w ActiveContent
refactoring JavaScriptu
dalszy refactoring styli

(function($, Utils, tmplates) {
    var $package = jsPackage("aol.do_something");

    $package.doSomething = function(arrgs) {
        /*...*/
    };
})(jQuery, epoint.ow.Utils, aol.templates);

Plany

wdrożenie ES2015
znalezienie miejsca w projekcie dla React.js