WebDEV
10.4K subscribers
1.59K photos
1 video
2K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: https://telega.in/c/webb_dev
Download Telegram
💡Шпаргалка по Figma

WebDEV #советы
WebDEV #test #CSS

Выберите правильный вариант 👇🏼
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

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