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