Начинающие фронтенд-разработчики, которые хотят попрактиковаться в применении ванильного JavaScript прежде, чем приступать к изучению более серьёзных технологий, таких как React / Vue / Angluar • Более опытные фронтенд-разработчики, которые хотят освоиться в современных возможностях HTML, CSS и JavaScript • Фронтенд-разработчики любого уровня, которые хотят научиться быстро и удобно разрабатывать MPA (многостраничные приложения) на современном стеке с помощью SSG (Static Site Generator) с шаблонизатором разметки на JSX-синтаксисе
Чему вы научитесь
-Разрабатывать сайты на современном стеке технологий
-С помощью JavaScript реализовывать сложные UI-компоненты (Select, Tabs, Slider, VideoPlayer, InputMask, OverlayMenu) через грамотно структурированный ООП-подход (синтаксис классов, механика наследования от абстрактных классов, методы-геттеры и др.)
-Применять различные JavaScript API: Proxy, ResizeObserver, MatchMedia
-Использовать фреймворк Minista (SSG, Static Site Generator) для ускорения процесса вёрстки
-Использовать современный сборщик проектов Vite для автоматизации рутинных действий: обработка и минификация файлов стилей, обфускация скриптов, сжатие картинок, формирование SVG-иконок в спрайты
-Писать декомпозированную разметку в JSX синтаксисе (крайне полезная технология для тех, кто планирует в дальнейшем изучать React)
-Именовать классы элементов в разметке согласно БЭМ методологии
-Применять современные HTML-теги: dialog, details, summary, dl, dt, dd, time и др.
-Оперировать современным синтаксисом CSS: Flex и Grid-сетки, адаптивные единицы измерения (vw, vh, rem, em), псевдоклассы (has, nth, not, user-invalid, focus-visible), необычные свойства (appearance, column-count, break-inside, clip-path, grid-template-areas, grid-auto-flow, overscroll-behavior, display contents, transition-behavior), свойства-шорткаты (inset, inset-inline, padding-block, padding-inline, margin-inline), современный синтаксис медиазапросов, Scroll-driven Animations
-Применять всю мощь препроцессора стилей Sass в синтаксисе SCSS: миксины, функции, условия, переменные, директивы use и forward
-Обрабатывать код пост-процессором стилей PostCSS и плагином postcss-pxtorem для автоматического перевода единиц измерения пикселей в rem
-Работать с менеджером пакетов NPM (установка и использование сторонних зависимостей)
-Применять библиотеки Swiper, IMaskJS, classNames
-Анализировать макет в Figma
-Дебажить вёрстку в DevTools браузера
-Внедрять принципы Accessibility в код (WAI-ARIA и атрибуты role)
Информация о видео Название: Вёрстка сайта с нуля: JSX, SCSS, JS, Vite, Minista, БЭМ Автор: Александр Ламков Год выхода: 2025 Жанр: Видеокурс Язык: Русский Выпущено: Россия Продолжительность: долго
Материалы на сайте опубликованы пользователями для обмена и ознакомления, администрация не несёт ответственности за их содержание.
Мы не храним никаких нелегальных материалов, а также материалов охраняемых авторским правом. На страницах сайта выложены только ссылки на файлы.
Если вы являетесь правообладателем какого либо контента и не желаете его распространения, сообщите нам и нарушение будет устранено.
АРХИВ 2009-2015
| 
