HTML, CSS, JavaScript и Fullstack разработка

Комплексный набор карточек для повторения основ веб-разработки, включая HTML5, CSS3 селекторы и свойства, основы JavaScript, SQL запросы, а также принципы работы с React, Mongoose и API.

Что означает аббревиатура HTML?

HyperText Markup Language

Какой тег используется для самого большого заголовка?

^h1^

Какой тег создает перенос строки?

^br^

Как правильно создать ссылку?

^a href='url'^Text^/a^

Какой тег используется для создания маркированного списка?

^ul^

Какой тег определяет пункт списка?

^li^

Как создать текстовое поле ввода?

^input type='text'^

Какой тег используется для вставки изображения?

^img^

Где обычно располагаются мета-теги?

В ^head^

Какой тег делает текст жирным?

^b^

Какой тег создает таблицу?

^table^

Какой тег определяет строку таблицы?

^tr^

Какой тег определяет ячейку данных в таблице?

^td^

Каким тегом оформляется подвал сайта?

^footer^

Что делает тег ^hr^?

Создает горизонтальную линию

Каким тегом обозначается нумерованный список?

^ol^

Какой тег используется для создания кнопки?

^button^

Для чего нужен тег ^title^?

Для названия страницы во вкладке браузера

Какой тег используется для выделения важного текста (курсив)?

^em^

Что определяет тег ^form^?

Область для ввода данных пользователем

Какой атрибут тега ^input^ делает поле обязательным?

required

Какой тег используется для группировки блочных элементов?

^div^

Каким тегом задается кодировка страницы?

^meta charset='UTF-8'^

Какой тег используется для написания скриптов?

^script^

Какой тег используется для параграфа текста?

^p^

Что делает атрибут 'id' у тега?

Задает уникальное имя элементу

Как расшифровывается URL?

Uniform Resource Locator

Что делает тег ^nav^?

Создает навигационную панель

Какой тег используется для основной части документа?

^body^

Что такое атрибут 'class'?

Идентификатор группы элементов

Что означает CSS?

Cascading Style Sheets

В каком HTML теге прописываются внутренние стили?

^style^

Какое свойство меняет цвет текста?

color

Какое свойство меняет фоновый цвет?

background-color

Как выбрать элемент с ID 'header'?

header

Как выбрать все элементы с классом 'btn'?

.btn

Какое свойство меняет размер шрифта?

font-size

Какое свойство делает текст жирным?

font-weight: bold

Какое свойство меняет шрифт?

font-family

Как сделать текст подчеркнутым?

text-decoration: underline

Какое свойство управляет расстоянием между внутренним краем и контентом?

padding

Какое свойство управляет расстоянием снаружи от границы элемента?

margin

Какое значение свойства display делает элемент невидимым и удаляет его из макета?

none

Какое свойство устанавливает рамку?

border

Как сделать текст курсивом?

font-style: italic

Как отцентрировать текст внутри блока?

text-align: center

Какое свойство задает ширину элемента?

width

Какое свойство задает прозрачность?

opacity

Как закруглить углы у блока?

border-radius

Какое свойство позволяет элементам выстраиваться в ряд (Flexbox)?

display: flex

Какое значение float прижимает элемент вправо?

right

Как выбрать все теги ^p^ на странице?

p

Какая единица измерения зависит от размера шрифта родителя?

em

Какое свойство CSS задает тень блока?

box-shadow

Как установить картинку на фон страницы?

background-image: url('…')

Какое свойство используется для Grid-сетки?

display: grid

Что означает селектор a:hover?

Стиль при наведении мыши

Как применить стиль к элементу с классом 'menu' внутри 'nav'?

nav .menu

Какое свойство меняет стиль маркеров в списке?

list-style-type

Как задать максимальную ширину блока?

max-width

Как объявить переменную в JavaScript, которую можно менять?

let

Как объявить константу в JavaScript?

const

Как вызвать окно предупреждения в браузере?

alert()

Как вывести сообщение в консоль?

console.log()

К какому типу относится значение true?

Boolean

Какое ключевое слово используется для создания функции?

function

Что вернет typeof 'Hello'?

string

Как найти длину строки в JavaScript?

str.length

Какой символ используется для умножения?

*

Как создать массив?

let a = []

Метод для добавления элемента в конец массива?

push()

Метод для удаления последнего элемента из массива?

pop()

Как обратиться к первому элементу массива 'arr'?

arr[$0$]

Какой цикл выполняется, пока условие истинно?

while

Что делает оператор %?

Возвращает остаток от деления

Как остановить выполнение цикла?

break

Как найти элемент по его ID в JavaScript?

document.getElementById()

Какое событие происходит при клике на элемент?

onclick

Как изменить текст внутри HTML-элемента через JS?

element.innerHTML

Что делает оператор ++?

Увеличивает на $1$

Как объединить две строки?

str1 + str2

Как создать пустой объект?

let obj = {}

Как вызвать функцию 'myFunc'?

myFunc()

Как написать условие 'если x равно 5'?

if (x == $5$)

Что такое DOM?

Document Object Model

Какое ключевое слово возвращает значение из функции?

return

Что делает оператор !?

Логическое НЕ (инверсия)

Какое значение имеет переменная, которой не присвоено значение?

undefined

Как правильно написать цикл for для 10 итераций?

for (let i = $0$; i ^ $10$; i++)

Как выбрать все столбцы из таблицы 'Users' в SQL?

SELECT * FROM Users

Какое ключевое слово используется для фильтрации строк в SQL?

WHERE

Какая команда добавляет новую строку в таблицу в SQL?

INSERT INTO

Функция для подсчета количества строк в SQL?

COUNT()

Ключевое слово для объединения таблиц в SQL?

JOIN

Как ограничить количество строк в результате в SQL?

LIMIT

Какая функция находит сумму значений в SQL?

SUM()

Как отсортировать данные от большего к меньшему в SQL?

DESC

Что делает оператор AND в условии WHERE?

Требует выполнения всех условий одновременно

Что делает оператор OR в условии WHERE?

Требует выполнения хотя бы одного условия

Как наиболее эффективно хранить небольшой список тегов внутри статьи блога для Junior-разработчика?

Встраивание массива тегов (embedding) напрямую в схему статьи