9. CSS рамка border, обводка outline, тени box-shadow, фильтры filter

10. CSS позиционирование — свойства position, top, right, bottom, left, z-index. Контекст наложения

11. Единицы измерения в CSS — px, %, em, rem, vw, vh. Относительные и абсолютные величины

12. CSS Flexbox Layout. Флексы в CSS. Гайд по флексбокс

13. CSS псевдоэлементы — before, after, placeholder, selection, marker, file-selector-button и др.

14. CSS псевдоклассы — child, not. Состояния hover, focus и focus-visible, active, disabled, checked

15. CSS Grid Layout. Грид-сетка. Гайд по гридам в CSS

Фишки DevTools — Dual Screen Mode, Element Properties, Font Editor, Conditional Breakpoints

16. CSS переполнение overflow, видимость opacity и visibility, обрезка clip-path

17. CSS свойства взаимодействия — cursor, user-select, pointer-events, scroll-behavior и resize

18. CSS переходы состояний transition, трансформации transform. Свойства translate, scale и rotate

19. Анимации в CSS. Правило @keyframes. Свойство animation. Настройка анимаций

20. Адаптивная верстка в CSS. Desktop и mobile first. Медиазапросы @media. Свойства min-max размеров

21. CSS свойства — устаревшие и новые. Вендорные префиксы. Директива @supports. Сервис caniuse

CSS Переменные | CSS Variables | функция var()

CSS Функции calc(), min(), max(), clamp()

#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета

#2 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma | Секция banner

#3 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma | Секция motivation

#4 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma | Секция training-types и др.

#5 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma | Секции location и family

#6 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma | ФИНАЛ

Frontend Roadmap 2024 | Что должен учить фронтенд-разработчик в 2024 году

Имена классов в верстке | Как лучше называть элементы в разметке

БЭМ методология за 10 минут | Основы для начинающих

Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)

Frontend Accessibility 2024 • Проблемы цифровой доступности во фронтенд-разработке

Тестируем фронтенд на доступность в DevTools — Lighthouse, AOM Tree. Скрытая панель Rendering.

Пишем ДОСТУПНЫЙ компонент табов. Атрибуты WAI-ARIA • Frontend Accessibility 2024

Чеклист ВСЕХ проблем цифровой доступности для фронтенд-разработчиков • Frontend Accessibility 2024

Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ — Подробное ПОШАГОВОЕ объяснение | Часть 1

Вёрстка сайта с 0 до результата | HTML, SCSS, БЭМ — Подробное ПОШАГОВОЕ объяснение | Часть 2

JavaScript для начинающих. Введение — подключение к странице, вывод в консоль, комментарии в коде.

Переменные в JavaScript (var, let, const), строгий режим (use strict). Как называть переменные?

Как бы я изучал программирование сейчас | Эффективное обучение в IT | Топ ошибок при обучении

Типы данных в JavaScript. Проверка типов (typeof), преобразование типов. Интерполяция строк.

Математика в JavaScript. Арифметические операторы, операторы сравнения. Декремент и инкремент.

JavaScript условия if else. Тернарный оператор. Логические операторы. Оператор нулевого слияния.

Будущее CSS-анимаций — scroll-timeline, animation-timeline и animation-range, JS больше не нужен!

JavaScript функции alert, prompt и confirm для взаимодействия с пользователем. Условия switch case.