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