HTML верстка сайта слайдера и посадка на CMS

Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

💡Шпаргалка

WebDEV #советы

Путь веб-разработчика с полного нуля

Подробный путь с полного нуля до Fullstack-разработчика для начинающих. Представляю пошаговую инструкцию, которая охватывает все основные навыки и новейшие технологии, необходимые для того, чтобы стать профессиональным веб-разработчиком.

📺 YouTube

WebDEV #видео

💡Шпаргалка по CSS

WebDEV #советы

💡Используйте «эффект прогресса»

Прогресс-бар. Если действие пользователя требует нескольких шагов (например, регистрация или оформление заказа), добавьте индикатор прогресса. Это снижает тревожность и мотивирует завершить процесс, так как видно, сколько осталось до конца.

WebDEV #советы

Марафон по верстке Luxtrader

Адаптивно с нуля сверстаем интересный макет. Я буду комментировать все свои действия. Использовать буду свою сборку
GULP, наработки на чистом JS и SCSS.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

💡Шпаргалка по HTML

WebDEV #советы

Анимация на CSS3 и JS. Анимация на сайте для начинающих

Анимация на CSS3 делается с помощью keyframes. Для начинающих это может показаться не простой задачей но я расскажу и покажу как делать анимацию не только на CSS, но и на JS. Анимация на CSS и JS для сайта очень важна. Анимация позволяет оживить сайт и сделать его более привлекательным. Анимация текста на CSS с помощью keyframes или на JS создается достаточно просто, важно понять основы анимации и тогда вы сможете создать анимацию текста или фона, а так же многое другое для вашего сайта.

📺 YouTube

WebDEV #видео

🛠 AnimeJS — украсьте приложение с помощью этого движка анимации.

Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.

🌍 Сайт

WebDEV #инструменты

💡Разница UI / UX

WebDEV #советы

ESBuild полный курс от А до Я. Замена Webpack 5?

В этом ролике мы рассмотрим сборщик (бандлер) для frontend проектов ESBuild. Сравним его с Webpack 5. Разберем основные понятия loader, plugin, dev server, bundle, typescript, css, source map, minify и тд. Esbuild vs webpack. Webpack 5.

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

💡Шпаргалка по HTML

WebDEV #советы

Как оформлять HTML разметку

В этом видео рассмотрим как создавать HTML разметку страниц вашего сайта. Разберем несколько правил создания красивой HTML разметки вашего сайта, которых желательно придерживаться, чтобы ваш код был красивым, удобным и структурированным.

📺 YouTube

WebDEV #видео