Посібники для розробників

Документація WebDoky вміщає низку посібників. Це статті, що пропонують додаткові приклади використання, або навчають використовувати певний API або можливість. Ця сторінка містить посилання на найпопулярніші матеріали.

HTML

Структурування Вебу за допомогою HTML

Область вивчення HTML пропонує підручники, які допомагають вивчити HTML з нуля.

Основи HTML

Ця стаття надає базове розуміння HTML. Прочитавши цей посібник, ви зможете далі ознайомитися з матеріалом в Області вивчення HTML.

CSS

Вчимося стилізувати HTML засобами CSS

Наш повний посібник з CSS, який допоможе вивчити CSS з нуля, від перших кроків до стилізації тексту, створення макетів і багатьох інших речей.

Посібники з компонування CSS

У WebDoky є чимало посібників з Компонування CSS, а ця сторінка збирає їх всі докупи.

Застосування анімацій CSS

Завдяки анімаціям CSS можна анімувати переходи від одного налаштування стилю CSS до іншого. Цей посібник допоможе ознайомитися з властивостями анімації.

JavaScript

Область вивчення JavaScript

Чи ви цілковитий початківець, чи сподіваєтеся оновити свої навички, це місце, з якого варто почати.

Мультимедіа

Доставлення аудіо та відео

Доставляти аудіо та відео у Вебі можна різними способами, від «статичних» медіафайлів до адаптивних живих потоків. Ця стаття задумана як вихідна точка для дослідження різних механізмів доставляння мультимедійних ресурсів у Вебі та сумісності з популярними браузерами.

Операції з аудіо та відео

Краса Вебу полягає в тому, що можна поєднувати технології, створюючи нові форми. Наявність у браузері нативних аудіо та відео дає змогу використовувати ці потоки даних вкупі з технологіями штибу <canvas>, WebGL та Web Audio API, щоб безпосередньо змінювати аудіо та відео, наприклад, додавати до аудіо ефекти реверберації чи компресії, а до відео – фільтри відтінків сірого чи сепії. Ця стаття надає довідку, яка пояснює, що потрібно зробити.

API

Використання об'єктів FormData

Об'єкт FormData дає змогу зібрати набір пар ключ-значення для відправлення за допомогою fetch(). Він призначений перш за все для відправляння даних форми, але може використовуватися незалежно від форми для передачі даних з ключами. Передача відбувається у тому ж форматі, який метод submit() форми використовував би для відправляння даних, якби тип кодування форми був заданий як «multipart/form-data».

Прогресивні вебзастосунки

Прогресивні вебзастосунки (PWA) використовують сучасні API Вебу вкупі з традиційною стратегією поступового вдосконалення, щоб створювати кросплатформні вебзастосунки. Ці застосунки працюють усюди та пропонують кілька можливостей, завдяки яким вони мають ті ж переваги користувацького досвіду, що й нативні застосунки. Цей набір посібників розповідає все, що потрібно знати про PWA.

Розбір і серіалізація XML

Платформа Вебу пропонує різні методи розбору та серіалізації XML, кожен з яких має свої переваги та недоліки.

Ефективність

Оптимізація та ефективність

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

Мобільна веброзробка

Мобільна веброзробка

Ця стаття надає огляд деяких основних технік, необхідних для створення вебсайтів, що працюють добре на мобільних пристроях.

Шрифти

Посібник з варіативних шрифтів

Дізнайтеся, як використовувати у своїх дизайнах варіативні шрифти.

Відкритий формат шрифту Вебу (WOFF)

WOFF (Відкритий формат шрифту Вебу) – це формат файлів шрифту, що безкоштовний для всіх для використання у Вебі.

Розробка користувацьких інтерфейсів

Користувацьке введення та контрольні елементи

Користувацьке введення не обмежується мишею та клавіатурою: згадайте, наприклад, про сенсорні екрани. Ця стаття надає рекомендації щодо керування користувацьким введенням та реалізації контрольних елементів у відкритих вебзастосунках, а також ЧаПи, реальні приклади та посилання на додаткову інформацію для тих, хто потребує більш детальної інформації про технології за лаштунками.