Верстка сайта из Figma
В этом видеокурсе мы будем верстать макет сайта из Figma. Рассмотрим особенности работы с Figma и научимся верстать сайт из Figma. Верстка сайта Tesla из Figma, Шапка сайта, главная и футер а также адаптив под iPhone и iPad.
📺 YouTube
WebDEV #видео
В этом видеокурсе мы будем верстать макет сайта из Figma. Рассмотрим особенности работы с Figma и научимся верстать сайт из Figma. Верстка сайта Tesla из Figma, Шапка сайта, главная и футер а также адаптив под iPhone и iPad.
📺 YouTube
WebDEV #видео
YouTube
Верстка сайта из Figma
В этом видео курсе мы будем верстать макет сайта из Figma. Рассмотрим особенности работы с Figma и научимся верстать сайт из Figma. Верстка сайта Tesla из Fi...
Адаптивная верстка за пару минут
Новый взгляд на создание адаптивных красивых сайтов - CSS Grid. В ходе этого видео мы научимся работать с CSS Grid, разберемся что это такое и поймем почему это круче FlexBox!
📺 YouTube
WebDEV #видео
Новый взгляд на создание адаптивных красивых сайтов - CSS Grid. В ходе этого видео мы научимся работать с CSS Grid, разберемся что это такое и поймем почему это круче FlexBox!
📺 YouTube
WebDEV #видео
YouTube
Полный гайд по CSS Grid: адаптивная верстка за пару минут
Новый взгляд на создание адаптивных красивых сайтов - CSS Grid. В ходе этого видео мы научимся работать с CSS Grid, разберемся что это такое и поймем почему это круче FlexBox!
1) Урок по FlexBox: https://www.youtube.com/watch?v=38bMnJ2l4bg&t=2s
2) Плагин…
1) Урок по FlexBox: https://www.youtube.com/watch?v=38bMnJ2l4bg&t=2s
2) Плагин…
JavaScript: основы для начинающих за 5 часов
Видеокурс JavaScript для новичков состоит из 12 частей. В этом уроке вы узнаете основы языка программирования JavaScript, без которых невозможно изучать библиотеки, фреймворки или создавать свои собственные интересные скрипты. В этом уроке вы научитесь работать с переменными разных типов, массивами, объектами, узнаете как проверять условия и создавать циклы. Научитесь создавать свои собственные функции, работать с датой и временем, правильно документировать код и отлавливать ошибки. Так же я расскажу про объектно-ориентированный подход в программирования на языке JavaScript и рассмотрим интересные возможности стандарта ECMAScript 2015 (ES6).
📺 YouTube
WebDEV #видео
Видеокурс JavaScript для новичков состоит из 12 частей. В этом уроке вы узнаете основы языка программирования JavaScript, без которых невозможно изучать библиотеки, фреймворки или создавать свои собственные интересные скрипты. В этом уроке вы научитесь работать с переменными разных типов, массивами, объектами, узнаете как проверять условия и создавать циклы. Научитесь создавать свои собственные функции, работать с датой и временем, правильно документировать код и отлавливать ошибки. Так же я расскажу про объектно-ориентированный подход в программирования на языке JavaScript и рассмотрим интересные возможности стандарта ECMAScript 2015 (ES6).
📺 YouTube
WebDEV #видео
YouTube
JavaScript Основы для Начинающих - Полный Курс за 5 часов [2021]
Видео курс JavaScript для новичков состоит из 12 частей. В этом уроке вы узнаете основы языка программирования JavaScript, без которых невозможно изучать библиотеки, фреймворки или создавать свои собственные интересные скрипты. В этом уроке вы научитесь работать…
Создание сайта с крутой анимацией скролла
Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
📺 YouTube
WebDEV #видео
Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
📺 YouTube
WebDEV #видео
YouTube
Создание сайта с крутой анимацией скролла (HTML CSS GSAP)
Все курсы в одном комплекте: https://wd-m.ru/bundle
Веб-дизайн с нейросетями: https://wd-m.ru/design
Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
Страница урока: https://webdesign-…
Веб-дизайн с нейросетями: https://wd-m.ru/design
Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
Страница урока: https://webdesign-…
Как подключить прием платежей на сайте
В этом уроке я расскажу о том, как настраиваю прием платежей на сайте. В работе я использую свою собственную CRM для ЮКасса. Очень надёжный и удобный инструмент, если нужно быстро подключить платежи к любому лендингу, коммерческому сайту или приложению.
📺 YouTube
WebDEV #видео
В этом уроке я расскажу о том, как настраиваю прием платежей на сайте. В работе я использую свою собственную CRM для ЮКасса. Очень надёжный и удобный инструмент, если нужно быстро подключить платежи к любому лендингу, коммерческому сайту или приложению.
📺 YouTube
WebDEV #видео
YouTube
Как подключить прием платежей на сайте. Мой опыт работы с ЮKassa
Получить модуль и CRM: https://webdesign-master.ru/yookassa/
В этом уроке я расскажу о том, как настраиваю прием платежей на сайте. В работе я использую свою собственную CRM для ЮКасса. Очень надёжный и удобный инструмент, если нужно быстро подключить платежи…
В этом уроке я расскажу о том, как настраиваю прием платежей на сайте. В работе я использую свою собственную CRM для ЮКасса. Очень надёжный и удобный инструмент, если нужно быстро подключить платежи…
HTML верстка сайта слайдера и посадка на CMS
Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.
📺 YouTube
WebDEV #видео
Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.
📺 YouTube
WebDEV #видео
Telegram
WebDEV
Сообщество веб-разработчиков.
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc, @tatiana_inc
Канал на бирже: https://telega.in/c/webb_dev
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc, @tatiana_inc
Канал на бирже: https://telega.in/c/webb_dev
Путь веб-разработчика с полного нуля
Подробный путь с полного нуля до Fullstack-разработчика для начинающих. Представляю пошаговую инструкцию, которая охватывает все основные навыки и новейшие технологии, необходимые для того, чтобы стать профессиональным веб-разработчиком.
📺 YouTube
WebDEV #видео
Подробный путь с полного нуля до Fullstack-разработчика для начинающих. Представляю пошаговую инструкцию, которая охватывает все основные навыки и новейшие технологии, необходимые для того, чтобы стать профессиональным веб-разработчиком.
📺 YouTube
WebDEV #видео
YouTube
Путь веб-разработчика с полного нуля
Все курсы в одном комплекте: https://wd-m.ru/bundle
Веб-дизайн с нейросетями: https://wd-m.ru/design
Подробный путь с полного нуля до Fullstack-разработчика для начинающих. Представляю пошаговую инструкцию, которая охватывает все основные навыки и новейшие…
Веб-дизайн с нейросетями: https://wd-m.ru/design
Подробный путь с полного нуля до Fullstack-разработчика для начинающих. Представляю пошаговую инструкцию, которая охватывает все основные навыки и новейшие…
Марафон по верстке Luxtrader
Адаптивно с нуля сверстаем интересный макет. Я буду комментировать все свои действия. Использовать буду свою сборку
GULP, наработки на чистом JS и SCSS.
📺 YouTube
WebDEV #видео
Адаптивно с нуля сверстаем интересный макет. Я буду комментировать все свои действия. Использовать буду свою сборку
GULP, наработки на чистом JS и SCSS.
📺 YouTube
WebDEV #видео
YouTube
Марафон по верстке "LuxTrader"
Адаптивно с нуля сверстаем интересный макет. Я буду комментировать все свои действия. Использовать буду свою сборку GULP, наработки на чистом JS и SCSS.
Анимация на CSS3 и JS. Анимация на сайте для начинающих
Анимация на CSS3 делается с помощью keyframes. Для начинающих это может показаться не простой задачей но я расскажу и покажу как делать анимацию не только на CSS, но и на JS. Анимация на CSS и JS для сайта очень важна. Анимация позволяет оживить сайт и сделать его более привлекательным. Анимация текста на CSS с помощью keyframes или на JS создается достаточно просто, важно понять основы анимации и тогда вы сможете создать анимацию текста или фона, а так же многое другое для вашего сайта.
📺 YouTube
WebDEV #видео
Анимация на CSS3 делается с помощью keyframes. Для начинающих это может показаться не простой задачей но я расскажу и покажу как делать анимацию не только на CSS, но и на JS. Анимация на CSS и JS для сайта очень важна. Анимация позволяет оживить сайт и сделать его более привлекательным. Анимация текста на CSS с помощью keyframes или на JS создается достаточно просто, важно понять основы анимации и тогда вы сможете создать анимацию текста или фона, а так же многое другое для вашего сайта.
📺 YouTube
WebDEV #видео
YouTube
Анимация на CSS и JS, Анимация на сайте для начинающих
Анимация на CSS3 делается с помощью keyframes. Для начинающих это может показаться не простой задачей но я расскажу и покажу как делать анимацию не только на CSS, но и на JS. Анимация на CSS и JS для сайта очень важна. Анимация позволяет оживить сайт и сделать…
ESBuild полный курс от А до Я. Замена Webpack 5?
В этом ролике мы рассмотрим сборщик (бандлер) для frontend проектов ESBuild. Сравним его с Webpack 5. Разберем основные понятия loader, plugin, dev server, bundle, typescript, css, source map, minify и тд. Esbuild vs webpack. Webpack 5.
📺 YouTube
WebDEV #видео
В этом ролике мы рассмотрим сборщик (бандлер) для frontend проектов ESBuild. Сравним его с Webpack 5. Разберем основные понятия loader, plugin, dev server, bundle, typescript, css, source map, minify и тд. Esbuild vs webpack. Webpack 5.
📺 YouTube
WebDEV #видео
YouTube
ESBuild полный курс от А до Я. Замена Webpack 5?
В этом ролике мы рассмотрим сборщик (бандлер) для frontend проектов ESBuild. Сравним его с Webpack 5. Разберем основные понятия loader, plugin, dev server, bundle, typescript, css, source map, minify и тд. Esbuild vs webpack. Webpack 5.
Мой курс "Продвинутый…
Мой курс "Продвинутый…
Как оформлять HTML разметку
В этом видео рассмотрим как создавать HTML разметку страниц вашего сайта. Разберем несколько правил создания красивой HTML разметки вашего сайта, которых желательно придерживаться, чтобы ваш код был красивым, удобным и структурированным.
📺 YouTube
WebDEV #видео
В этом видео рассмотрим как создавать HTML разметку страниц вашего сайта. Разберем несколько правил создания красивой HTML разметки вашего сайта, которых желательно придерживаться, чтобы ваш код был красивым, удобным и структурированным.
📺 YouTube
WebDEV #видео
YouTube
Как оформлять HTML разметку. Советы начинающим!
В этом видео рассмотрим как создавать HTML разметку страниц вашего сайта. Разберем несколько правил создания красивой HTML разметки вашего сайта, которых желательно придерживаться, чтобы ваш код был красивым, удобным и структурированным.
---------------…
---------------…
Простая анимация SVG
В данном видео вы узнаете как легко сделать анимацию для ваших SVG иконок на сайте. В этом нам поможет скрипт vivus.js
📺 YouTube
WebDEV #видео
В данном видео вы узнаете как легко сделать анимацию для ваших SVG иконок на сайте. В этом нам поможет скрипт vivus.js
📺 YouTube
WebDEV #видео
YouTube
Простая анимация SVG | vivus.js
В данном видео вы узнаете как легко сделать анимацию для ваших SVG иконок на сайте. В этом нам поможет скрипт vivus.js
// Ссылки =================
Vivus.js github: https://github.com/maxwellito/vivus
Материалы урока: https://files.brainscloud.ru/file/prostaya…
// Ссылки =================
Vivus.js github: https://github.com/maxwellito/vivus
Материалы урока: https://files.brainscloud.ru/file/prostaya…
Создал крутую тему Wordpress в стиле MacOS
В этом видео я покажу вам свою тему для Wordpress в стиле MacOS.
📺 YouTube
WebDEV #видео
В этом видео я покажу вам свою тему для Wordpress в стиле MacOS.
📺 YouTube
WebDEV #видео
YouTube
Создал крутую тему WordPress в стиле MacOS
В этом видео я покажу вам свою тему для Wordpress в стиле MacOS.
Ссылки
-------------------------------------------
Скачать тему для WP: https://bit.ly/2UUNcOf
О проекте
-------------------------------------------
Меня зовут Дмитрий Валак. Я занимаюсь…
Ссылки
-------------------------------------------
Скачать тему для WP: https://bit.ly/2UUNcOf
О проекте
-------------------------------------------
Меня зовут Дмитрий Валак. Я занимаюсь…
October CMS - создание темы
Курс по созданию темы для October CMS научит вас разрабатывать уникальные и функциональные дизайны для этого популярного CMS. Вы узнаете, как настроить структуру проекта, работать с шаблонами, стилями и макетами, а также использовать компоненты и плагины для динамического контента. Курс поможет понять особенности системы, её шаблонизации и создать профессиональную тему с нуля. Отлично подойдёт для веб-разработчиков, стремящихся освоить кастомизацию October CMS.
📺 YouTube
WebDEV #видео
Курс по созданию темы для October CMS научит вас разрабатывать уникальные и функциональные дизайны для этого популярного CMS. Вы узнаете, как настроить структуру проекта, работать с шаблонами, стилями и макетами, а также использовать компоненты и плагины для динамического контента. Курс поможет понять особенности системы, её шаблонизации и создать профессиональную тему с нуля. Отлично подойдёт для веб-разработчиков, стремящихся освоить кастомизацию October CMS.
📺 YouTube
WebDEV #видео
YouTube
October CMS - Создание темы
Share your videos with friends, family, and the world
Сайт за 5000₽. Быстро, дешево и качественно? Avito, Wix
В этом видео я буду в роли заказчика, которому нужно создать сайт фотографа. Будем искать веб-разработчика на Авито и посмотрим какие решения и стоимость предлагают там, а самое главное какой конечный продукт мы получим!
📺 YouTube
WebDEV #видео
В этом видео я буду в роли заказчика, которому нужно создать сайт фотографа. Будем искать веб-разработчика на Авито и посмотрим какие решения и стоимость предлагают там, а самое главное какой конечный продукт мы получим!
📺 YouTube
WebDEV #видео
YouTube
Сайт за 5000 рублей. Быстро, дешево и качественно? Avito, Wix
В этом видео я буду в роли заказчика, которому нужно создать сайт фотографа. Будем искать веб-разработчика на Авито и посмотрим какие решения и стоимость предлагают там, а самое главное какой конечный продукт мы получим!
Сайт из видео: http://bit.ly/3aw7uGX…
Сайт из видео: http://bit.ly/3aw7uGX…
Самая популярная WordPress тема. Так ли хороша Avada?
В данном видео разберем самую популярную тему для WordPress - Avada. Avada - WordPress тема, которая принесла своим разработчикам миллионы долларов!
📺 YouTube
WebDEV #видео
В данном видео разберем самую популярную тему для WordPress - Avada. Avada - WordPress тема, которая принесла своим разработчикам миллионы долларов!
📺 YouTube
WebDEV #видео
YouTube
Самая ПОПУЛЯРНАЯ WordPress Тема. Так ли хороша Avada?
В данном видео разберем самую популярную тему для WordPress - Avada. Avada - WordPress тема, которая принесла своим разработчикам миллионы долларов!
Надежный хостинг для Вашего сайта: https://bit.ly/31GicoZ
Промокоды:
brainscloudstart - ускоритель сайта…
Надежный хостинг для Вашего сайта: https://bit.ly/31GicoZ
Промокоды:
brainscloudstart - ускоритель сайта…
Делаем поэкранный скролл в Figma
В данном видео разберем анимацию в Figma и реализуем плавный скролл.
📺 YouTube
WebDEV #видео
В данном видео разберем анимацию в Figma и реализуем плавный скролл.
📺 YouTube
WebDEV #видео
YouTube
Делаем поэкранный скролл в Figma (Плавный скролл в Фигма)
👉🏻Бесплатный и народный курс по Figma (веб-дизайн) - https://stepik.org/course/209088/promo
Меня зовут Денис, и на этом канале:
— Мастер-классы по Figma
— Обзоры реальных проектов
— Теория по веб-дизайну
В данном видео разберем анимацию в Figma и реализуем…
Меня зовут Денис, и на этом канале:
— Мастер-классы по Figma
— Обзоры реальных проектов
— Теория по веб-дизайну
В данном видео разберем анимацию в Figma и реализуем…
Деплой Frontend приложения. Настройка Nginx. Подключаем домен, настраиваем HTTPS, gzip, docker
В этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера.
📺 YouTube
WebDEV #видео
В этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера.
📺 YouTube
WebDEV #видео
YouTube
Деплой Frontend приложения. Настройка nginx. Подключаем домен, настраиваем HTTPS, gzip, docker
В этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера.
Текстовая версия видео (Статья с инструкцией): https://slc.tl/7njx9
Гибкие облачные серверы…
Текстовая версия видео (Статья с инструкцией): https://slc.tl/7njx9
Гибкие облачные серверы…
Адаптивная верстка сайта с нуля. Макет Velocity
В данной серии видео уроков мы сверстаем и запрограммируем адаптивный макет Velocity с самого нуля.
Будем использовать знания html, css, javascript (js), адаптив, методологию БЭМ.
📺 YouTube
WebDEV #видео
В данной серии видео уроков мы сверстаем и запрограммируем адаптивный макет Velocity с самого нуля.
Будем использовать знания html, css, javascript (js), адаптив, методологию БЭМ.
📺 YouTube
WebDEV #видео
YouTube
Адаптивная верстка сайта с нуля. Макет Velocity. (html, css, javascript, flexbox, адаптив, БЭМ, figma)
В данной серии видео уроков мы сверстаем и запрограммируем адаптивный макет Velocity с самого нуля. Будем использовать знания html, css, javascript (js), ада...
Ускоряем верстку. SASS
Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.
📺 YouTube
WebDEV #видео
Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.
📺 YouTube
WebDEV #видео
YouTube
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
✏️ Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.
🔴 Timeline:
▶ 00:00 | Введение
▶ 00:33 | Проблемы CSS
▶ 03:24 | Что такое препроцессор стилей…
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.
🔴 Timeline:
▶ 00:00 | Введение
▶ 00:33 | Проблемы CSS
▶ 03:24 | Что такое препроцессор стилей…