Введение в прогрессивные веб-приложения
В этом курсе вы начнете работать над своим самым первым прогрессивным веб-приложением — веб-приложением, которое может использовать многие функции, которыми пользуются нативные приложения. Вы также получите больше опыта в создании веб-приложения, которое работает в автономном режиме с помощью 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.
Пройти курс