Summary

In this chapter, we started off by looking into the three aspects of the rendering flow process: the view, result object, and pages. Then we took a detailed look at three primary view elements: ui-components, containers, and blocks. We further studied blocks in depth, looking into their architecture and life cycle. We moved on to templates, looking into their locations, rendering, and fallback. Then came XML layouts, as the glue between blocks and templates. All of this gave us a foundation for further looking into theme structure, JavaScript components, and CSS. Along the way, we did a little bit of hands-on with a custom theme and JavaScript components creation. CSS and JavaScript is merely a fragment of what the Magento frontend is all about. Technology-wise, having a solid understanding of XML and even some PHP is more of a requirement than an exception for frontend-related development.

The following chapter will introduce us to Magento's web API where we will learn how...