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

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

1683194722965


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

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

Подробнее:
Скачать:
 

Похожие темы

Trinity
Ответы
0
Просмотры
143
Trinity
Trinity
Ответы
0
Просмотры
203
Trinity
Trinity
Ответы
0
Просмотры
221
Trinity
Trinity
Ответы
0
Просмотры
188
Trinity