Полезное

Flexbox

Как начать использовать flexbox и примеры работы основных свойств.

Git Merge Request: Мастерство контролируемого слияния кода

Контроль версий, ревью и слияние кода

GIT и консоль

Самые базовые команды консоли и для работе с системой управления версиями GIT.

Grid

Работа с расположением элементов в сетке.

HTML. Часть 1

Как создать шапку, подвал и основную часть страницы.

HTML. Часть 2

Разделение страницы на крупные логические блоки с примерами семантических тегов.

HTML. Часть 3

Правильная разметка заголовков для семантики и SEO.

HTML. Часть 4

Обзор правильной разметки списков, абзацев и форм для улучшения семантики и доступности сайта.

HTML. Часть 5

Инструкция по правильной разметке и созданию доступных HTML-форм на сайте.

JS. Начало #1. Данные

Как правильно вставлять картинки, под различные экраны

JS. Начало #10. Observer

Наблюдатели, подписка и реакция на события

JS. Начало #11. SSE(Server-Sent Events)

Поток данных с сервера через SSE

JS. Начало #2. Ветвление

Разбираем условия ветвления

JS. Начало #3. Циклы

Про циклы и их разновидности

JS. Начало #4. Функции

Что такое функции и зачем они нужны?

JS. Начало #5. Объекты и массивы

Что такое объекты и массивы и для чего они нужны?

JS. Начало #7. Promise

Что такое промисы в JavaScript и для чего они нужны?

JS. Начало #8. Fetch

Асинхронные запросы с Fetch API

RWD - графика

Как правильно вставлять картинки, под различные экраны

RWD - медиазапросы

Как изменить ваш сайт в зависимости от ширины экрана

WSL и окружение для JavaScript

Linux-среда в Windows для JS-разработки

Виды селекторов

Подробное руководство по использованию различных видов селекторов в веб-дизайне.

Горячие клавиши Visual Studio Code

Основные горячии клафиши для ускорения работы в VisualStudio Code

Использование Obsidian/Joplin для заметок

Markdown в HTML, слайды и LaTeX

Как выбрать формат изображения

Советы по выбору формата изображения в веб-разработке.

Отладка блоков

Эти примеры кода помогут вам с отладкой блочной модели и проверки на переполнение.

Полезные ссылки

Подборки ссылок на полезные материалы, ресурсы, людей, опросы.

Поток и блоки

Разбор расположения элементов на странице и их размеры.

Правила курса

Небольшой свод правил, который поможет успешно пройти курс.

Псевдоклассы и псевдоэлементы

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

Сверка верстки

Рецепт, который упростит вам процесс верстки по макету.

Скрытие элементов

Пример класса, который помогает визуально скрыть элемент, но оставить его для доступности.

Специфика подключения шрифтов