Введение в прогрессивные веб-приложения
В этом курсе вы начнете работать над своим самым первым прогрессивным веб-приложением — веб-приложением, которое может использовать многие преимущества нативных приложений. Вы также получите больше опыта в создании веб-приложения, работающего в автономном режиме, с использованием Service Workers. Наконец, вы сделаете приложение доступным для установки на главном экране пользователя с помощью файла манифеста веб-приложения.
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курсВеб-доступность
В этом курсе вы получите практический опыт обеспечения доступности веб-приложений. Вы поймете, когда и почему пользователям нужна доступность. Затем вы углубитесь в «как»: заставить страницу правильно работать с помощью программ чтения с экрана и управлять фокусом ввода (например, выделением, которое вы видите при переходе по форме с помощью табуляции). Вы поймете, что такое «семантика» и «семантическая разметка». означает для веб-страниц и добавьте разметку ARIA, чтобы обеспечить навигацию по интерфейсу с помощью ряда вспомогательных устройств. Наконец, вы изучите методы стилизации, которые помогут пользователям с частичным зрением легко и надежно перемещаться по вашим страницам.
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курсОптимизация рендеринга браузера
Производительность имеет значение для пользователей. Веб-разработчикам необходимо создавать приложения, которые быстро реагируют и плавно рендерятся. Гуру производительности Google Пол Льюис здесь, чтобы помочь вам избавиться от мусора и создать веб-приложения, которые поддерживают производительность 60 кадров в секунду. Вы покинете этот курс с инструментами, необходимыми для профилирования приложений и выявления причин зависаний. Вы изучите конвейер рендеринга браузера и обнаружите закономерности, которые упрощают создание производительных приложений.
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курсАдаптивный веб-дизайн
В этом курсе вы изучите основы адаптивного веб-дизайна с Питом ЛеПейджем из Google! Вы создадите свою собственную адаптивную веб-страницу, которая будет хорошо работать на любом устройстве — телефоне, планшете, настольном компьютере или чем-либо еще.
Вы начнете с изучения того, что делает сайт адаптивным и как некоторые распространенные шаблоны адаптивного дизайна работают на разных устройствах. Отсюда вы узнаете, как создать собственный адаптивный макет, используя тег области просмотра и медиа-запросы CSS. По мере продвижения вы будете экспериментировать с основными и второстепенными точками останова, а также оптимизировать текст для чтения.
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курсКритический путь рендеринга
Вы узнаете, как оптимизировать любой веб-сайт по скорости, углубившись в детали того, как мобильные и настольные браузеры отображают страницы.
Вы узнаете о критическом пути рендеринга или наборе шагов, которые браузеры должны предпринять для преобразования HTML, CSS и JavaScript в живые, дышащие веб-сайты. После этого вы начнете изучать и экспериментировать с инструментами для измерения производительности и простыми стратегиями, позволяющими как можно раньше вывести на экран первые пиксели. Вы узнаете, как анализировать рекомендации PageSpeed Insights и временной шкалы инструментов разработчика Google Chrome, чтобы найти данные, необходимые для немедленного повышения производительности!
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курсАдаптивные изображения
Знаете ли вы, что изображения занимают в среднем более 60% байтов, необходимых для загрузки веб-страницы?
В этом курсе вы научитесь работать с изображениями в современной сети, чтобы ваши изображения выглядели великолепно и быстро загружались на любом устройстве.
Попутно вы приобретете ряд навыков и методов, позволяющих плавно интегрировать адаптивные изображения в рабочий процесс разработки. К концу курса вы будете разрабатывать изображения, которые адаптируются и реагируют на различные размеры области просмотра и сценарии использования.
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курсАвтономные веб-приложения
Этот курс ориентирован исключительно на взаимодействие с пользователем и призван показать разработчикам, что мышление в первую очередь в автономном режиме — лучший способ обеспечить максимальную производительность приложений во всех сценариях, а не только в идеальных. Вы научитесь распознавать различия между хорошим, плохим, прерывистым и отсутствующим подключением для ваших пользователей, а также тому, как создавать приложения, которые легко справляются с этими условиями.
Используя навыки, приобретенные в этом курсе, вы в конечном итоге создадите приложение, которое будет работать как онлайн, так и офлайн и загружать новые данные, когда это возможно. Ваши веб-приложения будут взаимодействовать с сетью так же, как это делают собственные приложения. Это приведет к улучшению пользовательского опыта даже в традиционно сложных сценариях подключения, таких как застревание в железнодорожном туннеле, необходимость полагаться на перегруженную конференц-связь Wi-Fi или путешествие через «мертвую зону» сотовой связи!
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курсВеб-инструменты и автоматизация
В этом курсе вы узнаете, как настроить свою разработку, стать сверхпродуктивными во время повседневной работы и итераций, защитить себя и свой сайт от катастроф и сэкономить много времени и усилий с помощью автоматической оптимизации и автоматизации. Наконец, вы узнаете, как делать все это, будучи уверенным, что ваш код работает на множестве устройств в реальном мире.
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курсСоздание веб-форм с высокой конверсией
Любой значимый опыт в сети имеет форму. Будь то форма, состоящая из текстовых полей, переключателей, кнопок, флажков или сенсорных виджетов, веб-разработчикам необходимо целенаправленно подходить к формам, чтобы сделать пользователей счастливыми и увеличить конверсию.
В этом курсе вы познакомитесь с лучшими практиками использования современных форм. Попутно вы будете практиковать свои навыки с помощью нескольких самостоятельных проектов, включая кассу электронной коммерции и приложение для планирования мероприятий!
В качестве особого удовольствия вы также посмотрите серию интервью с Люком Вроблевски, директором по продуктам Google и автором книги «Дизайн веб-форм», чтобы узнать его взгляд на взаимодействие в современной сети.
Это бесплатный курс, предлагаемый через Udacity.
Возьмите курс