Корисний ресурс тижня: web.dev

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

DOU запускає нову освітню рубрику: раз на тиждень ділимось ресурсами, які можуть прискорити розвиток у професії і дати реальну практику. Рубрика буде виходити щоп’ятниці.

Ви можете стати частиною процесу: надсилайте нам рекомендації, який саме ресурс виявився для вас корисним. Тож поділіться такими ресурсами зі спільнотою — запропонуйте через гугл-форму, або ж надішліть топік з поміткою «Ресурс тижня» самостійно чи пишіть мені :)

А тепер — до рекомендації цього тижня!

web.dev

До навчання

Цього тижня у нас справжня енциклопедія сучасного вебу від команди Google Chrome. Якщо ви хочете писати код, який відповідає останнім стандартам індустрії, або просто шукаєте вичерпний гайд по конкретній темі — вам сюди.

Структура курсу

Платформа покриває абсолютно все, що потрібно знати сучасному веб-розробнику. Тут є окремі глибокі модулі по кожній із цих тем:

HTML, CSS та JavaScript — база з урахуванням сучасних стандартів.
Responsive Design — як адаптувати інтерфейс під будь-який екран.
Performance — все про швидкість завантаження.
Images — оптимізація картинок, щоб сайт літав.
Forms — як робити форми зручними та безпечними.
Accessibility — як зробити сайт доступним для всіх користувачів.
PWA (Progressive Web Apps) — як перетворити сайт на додаток.
Privacy та Security — захист даних користувачів.
Testing — автоматизація та перевірка коду.

Гортайте вбік, щоб подивитися всі зображення

Для кого підійде

Frontend / Fullstack розробникам: Тут можна знайти відповіді на більшість питань — від «як центрувати div» до «як налаштувати кешування».
QA-інженерам: Щоб розібратися, як саме треба тестувати продуктивність та доступність.
Дизайнерам: Корисно глянути розділи про адаптивність та картинки, щоб розуміти технічні можливості браузера.

Чим корисно

Головна фішка — це актуальність і структура. Ви не витрачаєте час, щоб перевіряти, чи не застаріла чергова стаття з інтернету. Тут ви отримуєте перевірену інформацію безпосередньо від розробників Chrome, зібрану в повноцінні курси.

Ціна питання

Повністю безкоштовно. Усі курси, статті, гайди та інструменти аудиту відкриті для всіх.

А ви користувались web.dev, розкажіть про свій досвід. Пишіть у коментарях, у якій сфері зараз розвиваєтесь і про що хотіли б побачити наступну рекомендацію.