29 тысяч подписчиков
137 видео
Слайдер нового поколения • Swiper Element • Web Components API
HTML • Переворачиваем нумерацию списка без CSS • Атрибут reversed
JavaScript объекты — сравнение, копирование, объединение, деструктуризация, остаточные параметры.
CSS Умная обрезка текста — по ширине и строкам, text-overflow и line-clamp
HTML & CSS • Ссылка на текстовый фрагмент • ::target-text
6. CSS шрифты — способы подключения, правило font-face, свойство font и другие параметры
#6 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma | ФИНАЛ
CSS Фикс скачка ширины страницы при открытой модалке — scrollbar-gutter
Методы массивов JavaScript — forEach, map, filter, reduce, some, every, sort, includes, indexOf
С чего начать изучение Frontend разработки?
CSS transform больше не нужен! Свойства scale, rotate и translate
8. CSS фоновый цвет, изображение, градиент — свойство background, функция linear-gradient
CSS Переменные | CSS Variables | функция var()
19. Анимации в CSS. Правило @keyframes. Свойство animation. Настройка анимаций
CSS-чит — display contents
6. HTML ссылки и кнопки — теги a, button. Якорная ссылка, ссылка mailto и tel. Атрибут target _blank
Будущее CSS-анимаций — scroll-timeline, animation-timeline и animation-range, JS больше не нужен!
Переменные в JavaScript (var, let, const), строгий режим (use strict). Как называть переменные?
5. Обнуляющие стили в CSS. Сброс стилей, нормализация, reset, normalize. Стили браузера по умолчанию
1. HTML для начинающих. Введение — тег, анатомия тега, поток документа, вложенность, атрибуты
15. CSS Grid Layout. Грид-сетка. Гайд по гридам в CSS
13. Формы в HTML. Теги textarea, select, option, optgroup
Тестируем фронтенд на доступность в DevTools — Lighthouse, AOM Tree. Скрытая панель Rendering.
Как долго учить фронтенд? Сколько учиться на фронтенд-разработчика?
CSS Position sticky для кнопки «Scroll to top»
JavaScript событийный цикл Event Loop, асинхронный код, промисы (Promise), async / await
CSS • Отключаем выделение текста — user-select
CSS Фокус без побочных эффектов — focus-visible
Страхи джуна. Чего я боялся в начале изучение фронтенда?
Виды функций в JavaScript. Стрелочные функции. Как правильно называть функции? Назначение функций.
CSS • Якорные ссылки и приятное поведение скролла • scroll-behavior и scroll-padding
CSS Фикс залипания hover на тач-устройствах
10. HTML таблицы — теги table, tr, td и th. Структурные табличные теги thead, tbody, tfoot и caption
Типы данных в JavaScript. Проверка типов (typeof), преобразование типов. Интерполяция строк.
CSS Новая фишка nth-child — ключевое слово «of»
Строки в JavaScript. Методы at, replace, slice, includes, repeat, trim, split. Длина строки length.
18. CSS переходы состояний transition, трансформации transform. Свойства translate, scale и rotate
2. HTML — первые шаги в среде разработки (IDE), Hello World. Как открыть HTML в браузере
9. Медиаконтент в HTML — видео, аудио, фреймы. Теги video, audio, iframe. Тег source
Frontend Roadmap 2024 | Что должен учить фронтенд-разработчик в 2024 году
JavaScript DOM манипуляции: создание элементов, вставка, перемещение, удаление и клонирование
3. Блочные и строчные теги в HTML. Теги div, span
21. CSS свойства — устаревшие и новые. Вендорные префиксы. Директива @supports. Сервис caniuse
Функции в JavaScript. Область видимости. Параметры и аргументы. Значения по умолчанию. Return.
JavaScript для начинающих. Введение — подключение к странице, вывод в консоль, комментарии в коде.
Фронтенд и кнопки • Правильная разметка кнопки с иконкой
10. CSS позиционирование — свойства position, top, right, bottom, left, z-index. Контекст наложения
4. CSS внутренние и внешние отступы — свойства padding и margin. Схлопывание отступов
JavaScript события мыши и указателя, Drag and Drop компонент
JavaScript события клавиатуры: keydown и keyup. События ввода: input, change, cut, copy, paste
