Понимать разработку и код
Разделите структуру, представление, взаимодействие и серверную обработку. Проследите данные до сохранённого результата. Анимация успеха не подтверждает существование записи или правильное применение разрешений.
101 понятий с определениями и практическими советами.
Искать во всём глоссарии
Путь чтения
1. Структура и представление
- HTML
Язык разметки, описывающий структуру и значение контента на веб-странице.
- CSS
Язык стилей стилей, контролирующий презентацию, цвета, интервалы и макет веб-документов.
- Семантический HTML
Использование элементов HTML в соответствии с их фактическим значением для улучшения структуры, доступности и понимания документации.
2. Обмен и договорённости
- API
интерфейс, позволяющий программному обеспечению обмениваться данными или инициировать функции в соответствии с документированными правилами.
- конечная точка
Конкретный адрес API или точка доступа, к которой клиент отправляет запрос.
- Контракт API
Согласованное описание операций API, ожидаемых данных, ответов и ошибок, поддерживаемых в соответствии с его поведением.
3. Ошибки и изменения
- Прогрессивное усиление
Подход, обеспечивающий сначала универсальную функциональную базовую линию, а затем добавляя улучшения в соответствии с возможностями браузера.
- Тестовая среда
Среда предварительной подготовки аналогична живому веб-сайту, на котором проверяются изменения перед выпуском.
- Контроль версий
Система ведет историю смены файлов, облегчает совместную работу и разрешает возвращение в предыдущее состояние.
Полезные различия
Фронтенд / Бэкенд
Front-end предоставляет интерфейс; back-end обрабатывает на сервере. Проверка на экране не заменяет валидацию полученных данных.
API / Webhook
API описывает обмен; webhook уведомляет о событии. Получатель должен учитывать задержку и повторную доставку.
Использовать понятия для решения
Ситуация
Запрос показывает успех без сохранения записи.
Перед решением
Сравните запрос, ответ и записанное состояние. Отделите сообщение интерфейса от подтверждения обработки.
Конкретная проверка
Воспроизведите на разрешённой копии с тестовыми данными и запишите этапы.
Все понятия этой темы
Ссылки открывают полное определение на алфавитной странице. Сокращения и синонимы доступны в поиске основного глоссария.
- AMP
- API
- Веб-приложение
- Асинхронный
- AVIF
- основание
- CacheStorage
- Постепенная нагрузка
- цепочка перенаправления
- Исходный код
- Контракт API
- CSS
- График зависимости
- DOM
- Динамический контент
- конечная точка
- Архитектура, управляемая событиями
- фасетка каталога
- Флаг признака
- рамки
- Git
- GraphQL
- HTML
- HTTP-заголовок
- i18n
- IDE
- Идентификатор корреляции
- Идентификатор доставки Webhook
- iframe
- отзывчивый образ
- IndexedDB
- ISR
- JAMstack
- Java
- JavaScript
- Рендеринг javascript
- Структурированное ведение журнала
- jQuery
- JSON
- JSON Schema
- ленивая загрузка
- Сломанная ссылка
- локализованная ссылка
- localhost
- localStorage
- Долгая задача
- Middleware
- Node.js
- Повторить попытку вебхука
- открытый источник
- OpenAPI
- 404 страница
- Страница с разбивкой на страницы
- Пагинация курсора
- Payload
- PHP
- Плагин
- Прогрессивное усиление
- Прогрессивное веб-приложение
- Python
- строка запроса
- Рендер-блокирующий ресурс
- перевод
- условный запрос
- Предварительный запрос
- REST API
- Семантический HTML
- Рендеринг на стороне сервера
- Service worker
- Сессия
- sessionStorage
- Атрибут размеров
- srcset
- Статический сайт
- Статус HTTP 410
- Storage Access API
- Сторонний скрипт
- URL параметр
- URL перезаписи
- Проверка формы
- WebAssembly
- Webhook
- WebMCP
- WebSocket
- WordPress
- XHTML
- XML
- XPath
- YAML
- Алгоритм
- Бот
- Бэкенд
- Веб-клиент
- Двунаправленная изоляция
- Идемпотентность
- Контроль версий
- Развёртывание сайта
- Разработка без кода
- Тестовая среда
- Фронтенд
- Элемент head в HTML
Первичные справочные документы
Документы объясняют технические понятия. Пути чтения и примеры — редакционные методы для адаптации к проекту.