online

Czym jest AOL?

Model biznesowy

ABO

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

Amway Online

By Tomasz Szopiński

Amway Online

  • 798