Верстка сайта из Figma

В этом видеокурсе мы будем верстать макет сайта из Figma. Рассмотрим особенности работы с Figma и научимся верстать сайт из Figma. Верстка сайта Tesla из Figma, Шапка сайта, главная и футер а также адаптив под iPhone и iPad.

📺 YouTube

WebDEV #видео

WebDEV #test #CSS

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

Адаптивная верстка за пару минут

Новый взгляд на создание адаптивных красивых сайтов - CSS Grid. В ходе этого видео мы научимся работать с CSS Grid, разберемся что это такое и поймем почему это круче FlexBox!

📺 YouTube

WebDEV #видео

WebDEV #test #JavaScript

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

WebDEV #test #HTML

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

WebDEV #test #JavaScript

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

Как подключить прием платежей на сайте

В этом уроке я расскажу о том, как настраиваю прием платежей на сайте. В работе я использую свою собственную CRM для ЮКасса. Очень надёжный и удобный инструмент, если нужно быстро подключить платежи к любому лендингу, коммерческому сайту или приложению.

📺 YouTube

WebDEV #видео

WebDEV #test #CSS

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

WebDEV #test #Frontend

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

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

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

WebDEV #советы

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

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

📺 YouTube

WebDEV #видео

WebDEV #test #Frontend

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

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

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

🌍 Сайт

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 #видео