Чек-лист самопроверки
Чек-лист самопроверки
Общие понятия
- Из чего состоит современный веб-сайт?
- Какие три основные технологии лежат в основе клиентской части?
- Что такое веб-приложение и чем оно отличается от обычного сайта?
- Какие основные типы веб-сайтов существуют (статический, динамический, SPA)?
- Что означает термин «клиент-серверная архитектура»?
- Какова роль HTTP и HTTPS в работе веба?
- Что такое URL и из каких частей он состоит?
- Какую функцию выполняет адресная строка браузера?
- Что такое закладки и как они помогают в работе с информацией?
- Как организовано управление вкладками в современных браузерах?
Клиентская часть (Frontend)
- Какова роль HTML в структуре веб-страницы?
- Как CSS влияет на внешний вид и компоновку сайта?
- Как JavaScript делает веб-страницу интерактивной?
- Что такое DOM-дерево и как оно связано с HTML?
- Что такое семантическая разметка и зачем она нужна?
- Как работают медиа-запросы в CSS для адаптивного дизайна?
- Что такое фронтенд-фреймворк и какие примеры вы знаете?
- Как работает клиентская маршрутизация в SPA?
- Что такое прогрессивное улучшение (progressive enhancement)?
- Какие данные можно хранить на стороне клиента (localStorage, sessionStorage, IndexedDB)?
Серверная часть (Backend)
- Какие задачи решает серверная часть веб-приложения?
- Что такое API и как он используется для взаимодействия клиента и сервера?
- Какие основные типы баз данных используются в веб-разработке?
- Что такое REST и какие принципы он использует?
- Как работает процесс аутентификации и авторизации пользователя?
- Что такое сессия и как она управляется на сервере?
- Какую роль играют куки (cookies) в веб-приложениях?
- Что такое ORM и зачем он нужен?
- Как сервер обрабатывает динамические запросы?
- Что такое микросервисная архитектура?
Инфраструктура и инструменты
- Какие популярные веб-серверы вы знаете и в чём их различие?
- Какую роль играет Nginx в современной веб-инфраструктуре?
- Что такое локальный веб-сервер и зачем он нужен разработчику?
- Какие основные вкладки есть в DevTools и для чего они служат?
- Как работает инструмент Сеть в DevTools?
- Что такое система управления версиями и почему Git стал стандартом?
- Что такое CMS и как WordPress помогает создавать сайты?
- Как работают облачные конструкторы сайтов (Tilda, Wix)?
- Что такое CI/CD и как он автоматизирует развёртывание?
- Как доменное имя связывается с IP-адресом сервера?
Безопасность и ошибки
- Какие основные категории внутренних ошибок браузера существуют?
- Чем отличаются HTTP-ошибки (4xx, 5xx) от ошибок ERR_?
- Что означает ошибка
ERR_CONNECTION_REFUSEDи как её диагностировать? - Что такое CORS и зачем он нужен?
- Как работает Content Безопасность Policy (CSP)?
- Что такое XSS и как его предотвратить?
- Что такое CSRF и какие меры защиты от него существуют?
- Почему важно использовать HTTPS и как он работает?
- Какие данные никогда не следует хранить в localStorage?
- Как правильно проверять данные на стороне сервера?
См. также
Другие статьи этого же раздела в боковом меню (как на странице «О разделе»). Сборка и развёртывание. Современные статические сайты редко создаются вручную. Используются генераторы статических сайтов (Static Site Generators, SSG) — Jekyll, Hugo, Eleventy, Astro, Docusaurus.… В мобильных браузерах адресная строка адаптирована под ограниченное пространство экрана. Часто она объединяется с панелью вкладок или скрывается при прокрутке страницы, чтобы освободить место для… Современные приложения делают так — первая загрузка - сервер отдаёт готовую страницу, а потом, когда страница уже показалась, подгружается программа по JavaScript, и дальше сайт работает как… Вкладка в браузере — это контейнер для одной сессии просмотра веб-страницы. Каждая вкладка представляет собой независимое окно взаимодействия с веб-ресурсом, изолированное от других вкладок по… Это определяет схожесть или различие в форматах ошибок. Так, если клиент - это браузер и пользователь, то сервер - это мощный компьютер где-то далеко. Конструктор сайтов - это онлайн-инструмент или программа, которая позволяет собирать сайт визуально, перетаскивая элементы, выбирая шаблоны и редактируя текст. Вы выбираете шаблон, добавляете… Веб-приложение — это программная система, ориентированная на взаимодействие с пользователем через веб-браузер посредством протоколов прикладного уровня, преимущественно HTTP и HTTPS. В отличие от… Настоящая фоновая работа в вебе возможна только через Service Worker и API, построенные на его основе. Service Worker — это скрипт, зарегистрированный браузером как системный обработчик событий,… Все данные, с которыми работает веб-приложение, можно условно разделить на три категории по месту размещения — Данные, поступающие от пользователя напрямую — файлы, введённый текст, выбранная… Push-уведомления — это короткие сообщения, которые веб-приложение может показать пользователю даже тогда, когда вкладка с сайтом закрыта, браузер свёрнут или работает в фоне. SEO-аудит завершается формированием отчёта с оценкой текущей позиции сайта, выявлением приоритетных задач и рекомендациями по улучшению. Отчёт служит основой для составления дорожной карты…Сайты и веб-сайты
Адресная строка браузера
Архитектура веб-приложений
Управление закладками и вкладками в браузере
Обработка внутренних ошибок браузера
Веб-серверы
Конструкторы сайтов
Архитектурные особенности современных веб-приложений
Фоновая работа и офлайн-режим веб-приложений
Хранение данных в браузере и на сервере
Push-уведомления и рассылки
SEO-оптимизация