Программирование [frontendmasters] Жесткие части разработки пользовательского интерфейса (2023)

[Trinity]

[frontendmasters] Жесткие части разработки пользовательского интерфейса (2023)

Когда мы создаем графические интерфейсы для пользователей, мы позволяем им взаимодействовать с цифровым миром таким образом, чтобы это имитировало их интуиции в физическом мире. Это требует от нас гарантировать, что наше представление (то, что видит пользователь) соответствует нашему состоянию (данные приложения).
Это кажущееся простым заданием синхронизации состояния приложения и его представления может быть особенно трудно достичь в веб-браузере из-за его произвольной истории разработки. Особенно это затруднено в масштабе современных приложений.
Фреймворки пользовательского интерфейса (React, Angular, Vue, Svelte) разработаны для смягчения этого процесса, но без более глубокого понимания принципов их работы они могут быть трудными в реализации, отладке и объяснении.
В рамках курса мы создадим полную модель мышления разработки пользовательского интерфейса в веб-браузере и поймем систему с JavaScript в ее центре, которая взаимодействует с многими аспектами веб-браузера, такими как Webcore, Web IDL, DOM, HTML-парсер и т.д.
Мы столкнемся с вызовами разработки пользовательского интерфейса в веб-браузере и разработаем техники, включая одностороннюю привязку данных, объектную модель документа JavaScript («виртуальный» DOM) и его согласование, композицию пользовательского интерфейса, шаблонизацию и хуки.
С полным представлением этой системы в целом мы сможем отлаживать самый сложный пользовательский интерфейсный код, создавать свои собственные фреймворки пользовательского интерфейса и отвечать на самые требовательные вопросы на собеседованиях.

Участвуя вместе с нами в мастер-классе, вы узнаете:

• Привязка данных в разработке пользовательского интерфейса - согласованность данных и представления в веб-браузере
• Декларативный пользовательский интерфейс
• Производительность и виртуальный DOM
• Техники дополнения HTML

Материал на английском языке

Подробнее:

https://frontendmasters.com/courses/hard-parts-ui-dev/

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.