question-driven-learning icon indicating copy to clipboard operation
question-driven-learning copied to clipboard

Stay hungry stay foolish

SAPUI5 / OpenUI5 series

This series contains some of my findings while studying the implementation details of SAPUI5 / OpenUI5, yet another Javascript MVC framework developed by SAP.

Table of Contents

  • SAPUI5 walkthrough and dive in (tutorial source code can be found here)
    • Step 1: Hello World! Where it all began
      • OO in JavaScript
      • JavaScript function, object, prototype, constructor, proto relationships illustrated
      • What does createClass method offer?
      • How does prototype object get enriched?
    • Step 3: Controls. How does controls work?
      • How does lazy require work?
      • How does a control module get requested, loaded and executed?
      • How does a control object get created?
      • How does a control object get turned into HTML?
    • Step 6: Modules. How does modules work?
      • How does a module get defined?
      • How does a module get consumed?
      • What are the module states available?
      • How does a module get loaded?
      • How does a module get executed?
      • How does a module get made available to global name space?
    • Step 7: JSON Model. How does two way data-binding work?
    • Step 8: Translatable Texts. How does i18n work?
      • How does UI5 pick up the browser language setting?
      • How does the i18n files get loaded?
      • How does the parameters get evaluated?
  • How does X work?
    • How does bindAggregation work?

AngularJS series

Better yet, why not to reinvent the wheel, building angular.js from scratch, checkout jgular for more information.