Самое важное в компактных таблицах. Детали — в уроках, ссылки на которые есть под каждой таблицей.
| Тег | Что делает |
|---|---|
<html> | Корень документа |
<head> | Служебная часть: мета, стили, заголовок вкладки |
<body> | Видимое содержимое страницы |
<h1>–<h6> | Заголовки по уровню важности |
<p> | Абзац |
<a href> | Ссылка |
<img src alt> | Изображение (обязательный alt) |
<ul>, <ol>, <li> | Маркированный / нумерованный список |
<table> | Таблица: thead, tbody, tr, th, td |
<form> <input> | Формы и поля ввода |
<div>, <span> | Блок- и строчный контейнеры |
<header>, <nav>, <main>, <footer> | Смысловые блоки для доступности и SEO |
| Свойство | Назначение |
|---|---|
display | block, inline, flex, grid — как раскладывается элемент |
flex / grid | Сетки: flexbox для линейной раскладки, grid для таблиц |
position | static, relative, absolute, fixed, sticky |
margin, padding | Внешний и внутренний отступы |
font-size, color | Размер шрифта и цвет текста |
background | Фон элемента |
border, border-radius | Граница и скругление углов |
box-sizing: border-box | Размер считается с padding и border |
@media (max-width: …) | Адаптивность под ширину экрана |
:hover, :focus | Псевдоклассы состояния элемента |
| Код | Зачем |
|---|---|
const / let | Объявление переменных (const — нельзя переприсвоить) |
if / else, ternary ? : | Условия |
for, forEach, map | Циклы и обход массивов |
=> (стрелка) | Функция-стрелка, компактнее function |
document.querySelector() | Выбор элемента по селектору |
addEventListener() | Обработка событий (click, input, …) |
fetch() | Запрос к API (JSON) |
Promise, async/await | Асинхронная работа с запросами |
JSON.stringify / parse | Преобразование данных в JSON и обратно |
template string `…${x}` | Строки с подстановкой значений |
| Команда | Что делает |
|---|---|
git init / clone | Создать / скопировать репозиторий |
git status | Текущие изменения |
git add . | Добавить файлы в индекс |
git commit -m "…" | Зафиксировать — коммит |
git push / pull | Отправить / забрать изменения |
git branch, checkout -b | Ветки и создание новой ветки |
git merge | Слияние веток |
ls, cd | Вывод файлов, смена директории |
npm install | Установка зависимостей |
npm run dev / build | Запуск дев-сервера / сборки |