Перейти к основному содержимому

Веб-разработка — чек-лист

Ответьте своими словами. Подсказки и полный разбор — в главе 1, главе 4, главе 5, главе 6. Термины — итоги.

1. Три слоя веб-страницы​

Вопрос. Чем отличаются роли HTML, CSS и JavaScript?

Подсказка

HTML — структура и смысл; CSS — оформление; JavaScript — поведение и работа с DOM/API. — глава 5.

2. Клиент и сервер​

Вопрос. Чем клиент отличается от сервера в типичном веб-приложении?

Подсказка

Клиент у пользователя (браузер), инициирует запрос. Сервер в дата-центре или на localhost, обрабатывает запрос и отдаёт ответ. Оба общаются по HTTP.

3. Части HTTP-запроса​

Вопрос. Что такое HTTP-запрос и из каких частей он состоит?

Подсказка

Метод, URL (path + query), заголовки, тело (опционально). Пример: GET /api/tasks HTTP/1.1 + headers.

4. Статус-коды​

Вопрос. Что означают коды 200, 404, 401, 500?

Подсказка

200 — успех; 404 — ресурс не найден; 401 — нет авторизации; 500 — ошибка на сервере.

5. JSON и сериализация​

Вопрос. Для чего нужен JSON и что такое сериализация?

Подсказка

JSON — текстовый формат обмена данными. Сериализация — объект в памяти → строка JSON; десериализация — обратно.

6. CRUD и HTTP​

Вопрос. Как методы HTTP соотносятся с CRUD?

Подсказка

POST — create; GET — read; PUT/PATCH — update; DELETE — delete.

7. REST​

Вопрос. Сформулируйте REST в одном предложении.

Подсказка

Стиль API: ресурсы с URI, операции HTTP-методами, stateless сервер, корректные статус-коды.

8. CORS​

Вопрос. Почему fetch из браузера может упасть с CORS, а curl — нет?

Подсказка

CORS — политика браузера. curl не браузер и не применяет CORS к ответу.

9. Файл .env​

Вопрос. Для чего файл .env и почему его не коммитят?

Подсказка

Локальные секреты и настройки (DATABASE_URL, API_KEY). В Git попадут в историю навсегда.

10. Где искать в энциклопедии​

Вопрос. Где искать HTML, CSS, JavaScript, SQL?

Подсказка

11. Проверка API​

Вопрос. Как проверить API без написания фронтенда?

Подсказка

curl, Postman, Insomnia — Lab / 1133.

12. HTTPS​

Вопрос. Чем HTTPS отличается от HTTP?

Подсказка

HTTPS = HTTP + шифрование TLS. Защита от перехвата на сети — 611 HTTPS.

13. Query и body​

Вопрос. Когда параметры передают в query, а когда в body?

Подсказка

Query в URL — часто GET, фильтры. Body — POST/PUT/PATCH, создание и изменение с JSON.

14. Архитектура веб-приложения​

Вопрос. Опишите разницу между SPA и MPA. Где хранить заказы пользователей?

Подсказка

SPA рисует интерфейс в браузере и запрашивает данные с API. MPA получает готовые HTML-страницы с сервера при каждом переходе. Заказы и персональные данные хранят в SQL (транзакции, бэкапы). localStorage подходит для настроек интерфейса. Подробно — глава 4.

15. Этапы проекта​

Вопрос. Перечислите в правильном порядке: вёрстка, ТЗ, тестирование, идея, программирование, макет.

Подсказка

Идея → ТЗ → макет → вёрстка → программирование → контент → тестирование → публикация. — глава 6.

16. Статика, CMS и своё приложение​

Вопрос. Когда достаточно статического сайта, когда WordPress, когда писать своё API?

Подсказка

Статика — визитка и лендинг. CMS — блог, сайт с админкой для заказчика. Своё приложение — личный кабинет, заказы, уникальная логика. — главы 4 и 6.

17. MERN и LAMP​

Вопрос. Расшифруйте MERN и LAMP. Что общего и чем отличаются?

Подсказка

MERN: MongoDB, Express, React, Node.js — JS на клиенте и сервере. LAMP: Linux, Apache, MySQL, PHP — классика PHP-хостинга. — глава 4.

18. Веб-дизайн​

Вопрос. Чем wireframe отличается от готового mockup? Что даёт доступность (a11y) разработчику?

Подсказка

Wireframe — схема без финального дизайна. Mockup — цвета, шрифты, близко к итогу. Доступность (a11y) — семантика, alt, фокус с клавиатуры; помогает всем пользователям и SEO. Подробно — глава 7.

Дальше​

Последнее обновление
Содержание