jaber-git / aprender-js

Learn JavaScript by rebuilding the frontend stack

Learn JavaScript By Building A UI Framework

What Is This?

A project similar to this. They say one of the best ways is to learn is by doing. Well, this is just that. There are so many tools used in frontend development and this is my attempt at learning some of them from a first principles approach. I am building basic, non-production versions of various parts of the frontend stack and documenting the lessons learned in the process.

The articles written in the series so far are:

• Introduction to the UI framework
• Building a testing library
• Rendering and testing DOM elements
• Building a module bundler
• Adding events to DOM elements
• Intro to virtual dom algorithms

Whilst not part of the series, this article I wrote for Smashing Magazine explains some of the benefits of this project.

Aprender

Aprender is the UI framework and it is built using the virtual DOM paradigm. It contains the following features:

• Turning JavaScript objects into DOM elements
• Adding on-event handlers to DOM elements
• Very basic virtual dom algorithm

Examinar

Examinar is a testing framework not modelled upon anything in particular. It has the following features:

• Assertions
• A DOM implementation for the node environment

Maleta

Maleta is a module bundler which builds upon the work of Minipack. It has the following features:

• Bundles both ES and CommonJS modules
• CLI tool
• Built-in dev server