ЧТО ТАКОЕ SQL
SQL (Structured Query Language) — это язык структурированных запросов, предназначенный для работы с реляционными базами данных. С помощью SQL вы можете создавать таблицы, добавлять, изменять, удалять и извлекать данные.
ЧТО ТАКОЕ Node
Node.js это среда выполнения JavaScript вне браузера. Она позволяет писать серверный код на том же языке, что и frontend. Раньше JavaScript работал только в браузере, но с появлением Node.js разработчики получили возможность создавать backend, API, чат-серверы, CLI-инструменты и многое другое на JavaScript.
КАК ЗАСТАВИТЬ ЭЛЕМЕНТЫ ПЕРЕМЕЯТЬСЯ В FRONTEND
В frontend-разработке за движение элементов отвечают CSS свойства transition и animation, а также JavaScript для сложных взаимодействий.
Самый простой способ — transition. Добавьте элементу плавное изменение свойств при наведении или изменении класса.
ЧТО ТАКОЕ АДАПТИВНАЯ ВЕРСТКА
Адаптивная вёрстка (responsive web design) — это подход к созданию веб-страниц, при котором сайт автоматически подстраивается под любой размер экрана: от маленького смартфона до широкого монитора. Элементы страницы меняют размер, расположение и даже поведение в зависимости от ширины окна браузера.
Почему адаптивная вёрстка обязательна
Более 60 процентов трафика в интернете приходится на мобильные устройства. Google ранжирует адаптивные сайты выше в поисковой выдаче. Если сайт плохо выглядит на телефоне, пользователь уйдёт к конкурентам в течение нескольких секунд.
API (Application Programming Interface) — это набор правил и протоколов, с помощью которого одна программа может взаимодействовать с другой. Простыми словами: API — это посредник, который позволяет двум приложениям обмениваться данными.
Как работает API на примере сайта погоды
Вы открываете сайт с прогнозом погоды. Ваш браузер (frontend) отправляет запрос через API к серверу (backend) с вопросом: «какая погода в Москве?». Сервер обрабатывает запрос и возвращает ответ в формате JSON или XML. Фронтенд получает эти данные и показывает вам температуру, влажность и ветер.
ЧТО ТАКОЕ API
DOM (Document Object Model) — это объектная модель документа, которую браузер создаёт при загрузке веб-страницы. DOM представляет HTML-документ в виде дерева объектов, где каждый элемент страницы (тег, атрибут, текст) является узлом.
Как выглядит DOM-дерево
HTML-код превращается в иерархию узлов. Например, тег [html] имеет дочерние узлы [head] и [body]. Внутри [body] могут быть [div], [h1], [p] и так далее. JavaScript может обращаться к любому узлу DOM, изменять его содержимое, стили, атрибуты, а также создавать и удалять узлы.
Зачем нужен DOM
DOM связывает HTML, CSS и JavaScript. Без DOM JavaScript не мог бы менять содержимое страницы. Именно через DOM вы пишете команды вроде «найти элемент с id="header" и изменить его текст». DOM — это интерфейс, который позволяет программам и скриптам взаимодействовать со структурой документа.
ЧТО ТАКОЕ DOM
Заголовки в HTML задаются тегами от h1 до h6. Они нужны для структурирования контента на странице. Поисковые системы обращают внимание на заголовки, особенно на h1.
ЗАГОЛОВОК HTML
ЧТО ТАКОЕ ТЕГИ
Теги в HTML - это команды (маркеры), которые говорят браузеру, как отображать содержимое веб-страницы. Каждый тег заключается в угловые скобки: . Большинство тегов работают парами: открывающий и закрывающий с косой чертой, например Текст абзаца. Внутри тегов могут быть атрибуты, уточняющие поведение
Frontend (фронтенд) — это часть веб-сайта или приложения, которую видит и с которой взаимодействует пользователь. Всё, что вы видите в браузере: кнопки, формы, анимации, меню, картинки, текст — это результат работы frontend-разработчика. Frontend отвечает за внешний вид, удобство использования и интерактивность.
Из чего состоит frontend
Три основных технологии frontend-разработки:
HTML — структура страницы (заголовки, абзацы, картинки)
CSS — стили и оформление (цвета, шрифты, расположение блоков)
JavaScript — логика и интерактивность (обработка нажатий, подгрузка данных, анимации)
ЧТО ТАКОЕ FRONTEND
React — это JavaScript-библиотека для создания пользовательских интерфейсов. Она разработана компанией Facebook и используется для построения динамических веб-приложений: интернет-магазинов, социальных сетей, дашбордов, мессенджеров. React позволяет создавать переиспользуемые компоненты и управлять состоянием приложения.
Чем React отличается от чистого JavaScript
На чистом JavaScript вы вручную находите DOM-элементы и меняете их содержимое. React работает иначе: вы описываете, как интерфейс должен выглядеть в зависимости от данных, а React сам обновляет нужные части страницы. Это ускоряет разработку и делает код более предсказуемым.
Почему React важен для frontend-разработчика
React — один из самых востребованных инструментов на рынке. Большинство современных вакансий для frontend-разработчиков требуют знания React. Пройдя путь с нуля до Senior Frontend, вы обязательно столкнётесь с React. После освоения HTML, CSS и JavaScript изучение React — следующий логический шаг.
ЧТО ТАКОЕ REACT
Git - это система контроля версий. Она позволяет отслеживать изменения в коде, сохранять разные версии проекта, возвращаться к старым версиям и работать над одним проектом в команде без конфликтов. Git — обязательный инструмент для любого разработчика, включая frontend-специалистов.
Зачем нужен Git
Без Git вы храните папки вида «сайт_финал», «сайт_финал2», «сайт_финал_исправленный». С Git вы делаете коммиты (сохранения) с понятными комментариями и в любой момент можете откатиться к любой версии. Git также позволяет создавать ветки (branches) для экспериментов, не ломая основной код.
ЧТО ТАКОЕ GIT
ackend (бэкенд) — это серверная часть веб-приложения. Она работает на сервере, а не в браузере пользователя. Backend обрабатывает данные, хранит информацию в базах данных, проверяет пароли, отправляет email, выполняет сложные вычисления и формирует ответы для frontend-части.
Как связаны frontend и backend
Frontend (HTML, CSS, JavaScript) — это то, что видит и с чем взаимодействует пользователь. Backend — это скрытая часть, которая получает запросы от frontend, обрабатывает их и возвращает нужные данные. Например, когда вы вводите логин и пароль на сайте, frontend отправляет эти данные на backend, а backend проверяет их в базе данных и сообщает: «доступ разрешён» или «ошибка».
ЧТО ТАКОЕ BACKEND
CSS (Cascading Style Sheets) это язык каскадных таблиц стилей. Он отвечает за внешний вид веб-страницы: цвета, шрифты, расположение блоков, анимацию и адаптивность под экраны. Без CSS сайт выглядит как чёрно-белый текстовый документ.
Как работает CSS
Вы подключаете CSS к HTML-странице и задаёте правила. Например, селектор h1 { color: red; } сделает все заголовки красными. CSS управляет всем визуальным оформлением.
Почему CSS второй шаг в frontend после HTML
Любой путь с нуля до Senior Frontend включает HTML для структуры и CSS для стилей. Затем добавляется JavaScript для интерактива. Вместе они создают современные сайты.
ЧТО ТАКОЕ CSS
JS (JavaScript) — это язык программирования, который делает веб-страницы живыми и интерактивными. С помощью JS вы можете обрабатывать нажатия кнопок, отправлять данные на сервер без перезагрузки страницы, создавать анимации, игры и сложные веб-приложения. Без JavaScript сайт остаётся статичной визиткой.
Как работает JavaScript
JavaScript встраивается в HTML-страницу и выполняется в браузере пользователя. Он управляет поведением элементов: показывает и скрывает блоки, проверяет формы, подгружает данные. Например, document.getElementById('button').onclick = function() { alert('Привет!'); }.
ЧТО ТАКОЕ JS
HTML (HyperText Markup Language) - это язык гипертекстовой разметки. Именно он создаёт структуру любой веб-страницы: заголовки, абзацы, картинки, ссылки, кнопки. Без HTML сайт - просто пустой лист.
ЧТО ТАКОЕ HTML