Learning on Web Dev Open is free for all.

Framework Internals > Two hundred lines of frameworkRender it to real nodes
Phase 04Two hundred lines of framework186 of 434

Render it to real nodes

Take your tree and produce actual DOM. Forty lines, then the awkward cases: events, attributes that are not properties, and text.

Build45 minAI implements

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Turn a description of a UI into DOM nodes
  • Handle the cases where an attribute and a property differ
Ask the community

Loading…