[Frontend Masters] The Hard Parts Of UI Development

Workshop Details

When we build graphical interfaces for users – we enable them to interact with the digital world in a way that emulates their physical-world intuitions. It requires us to ensure our view (what the user sees) is consistent with our state (the data of the application).

This seemingly straightforward task of synchronizing our application state and view can be particularly difficult to achieve in the web browser because of its ad hoc development history. It becomes profoundly so at the scale of modern applications.

UI frameworks (React, Angular, Vue, Svelte) are designed to mitigate this – but without a deeper understanding of the ‘why’ behind these frameworks, they can be difficult to implement, debug and explain.

In UIHP we will build out a full mental model of UI development in the web browser and understand a system with JavaScript at its center but that interfaces with multiple aspects of the web browser – Webcore, Web IDL, the DOM, the HTML parser and more.

We will encounter the challenges in UI development in the web browser and develop techniques including one-way data binding, a JavaScript document object model (a ‘virtual’ DOM) & its reconciliation, UI composition, templating and hooks.

With a full conception of this system as a whole we can debug the most complex UI code, build out our own handmade UI frameworks and answer the most demanding interview questions.

Some Key Takeaways!

By participating along with us in the workshop, you’ll learn:

– Data-binding in UI development – data and view consistency in the web browser
– Declarative UI
– Performance and the Virtual DOM
– HTML augmentation techniques

Is This Workshop for Me?

Any Prerequisites?

– You should come having taken JavaScript the Hard Parts v2 on Frontend Masters

Instructor(s)

Will Sentance is co-founder and CEO at Codesmith – a software engineering and machine learning residency based in Los Angeles, New York, and Oxford. He is the creator of Icecomm, the most famous developer platform for P2P video and data communication. Before Codesmith, Will was CEO at Ownly and a Software Engineer at Gem. Will graduated from Oxford University and Harvard University.

Media Information:

MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz, 2 Ch

General Info:

Author(s): Will Sentance
Language: English
Updated: 4/2023
Videos Duration: 12h 56m

Size: 5.23 GB

Download Now

https://frontendmasters.com/workshops/hard-parts-ui/.