HTML верстка корзины товаров
Адаптивная верстка корзины товаров на HTML, CSS Grid, SCSS, BEM naming.
📺 YouTube
WebDEV #видео
Адаптивная верстка корзины товаров на HTML, CSS Grid, SCSS, BEM naming.
📺 YouTube
WebDEV #видео
YouTube
HTML Верстка корзины товаров HTML, SCSS, BEM naming
Макет и код к уроку в описании. Поделитесь видео в соц сетях. Поддержите выпуск уроков. Адаптивная верстка корзины товаров на HTML, CSS Grid, SCSS, BEM naming.
✅ Верстка на CSS Grid
✅ Препроцессор SCSS
✅ Использование BEM naming
✅ Мобильная адаптация
Figma…
✅ Верстка на CSS Grid
✅ Препроцессор SCSS
✅ Использование BEM naming
✅ Мобильная адаптация
Figma…
Gulp сборка для верстки сайтов. Ускоряем процесс верстки сайтов.
Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации.
Что добавлено:
• Умеет авто-подключать webp формат в т.ч. и для retina графики.
• Собирает SVG спрайты.
• Производит автогенерацию и автоподключение шрифтов.
• Автозамена путей в html и scss.
• Исправлен баг с ошибкой при при разрыве строки в теге img.
📺 YouTube
WebDEV #видео
Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации.
Что добавлено:
• Умеет авто-подключать webp формат в т.ч. и для retina графики.
• Собирает SVG спрайты.
• Производит автогенерацию и автоподключение шрифтов.
• Автозамена путей в html и scss.
• Исправлен баг с ошибкой при при разрыве строки в теге img.
📺 YouTube
WebDEV #видео
YouTube
Gulp сборка для верстки сайтов. Ускоряем процесс верстки сайтов. Обновление 2024
Gulp сборка для верстки сайтов. Обновление Gulp сборки. В этом видео я презентую обновленную сборку для HTML верстки сайтов. Улучшена работа с графикой. Лучшее качество при оптимизации.
Что добавлено:
- Умеет авто-подключать webp формат в т.ч. и для retina…
Что добавлено:
- Умеет авто-подключать webp формат в т.ч. и для retina…
Tanstack query (react-query) полный курс
В этом видео мы разберём:
Как делать запросы, пагинацию, infinity scroll, optimistic update, обновлять после мутаций, как интегрировать с Redux, запускать мутации вне компонентов, объединять данные из Redux и Tanstack query. Как делать offline mode и suspence
📺 YouTube
WebDEV #видео
В этом видео мы разберём:
Как делать запросы, пагинацию, infinity scroll, optimistic update, обновлять после мутаций, как интегрировать с Redux, запускать мутации вне компонентов, объединять данные из Redux и Tanstack query. Как делать offline mode и suspence
📺 YouTube
WebDEV #видео
Методы массивов в JS
Рассмотрим методы массивов в JavaScript: forEach, find, findIndex, filter, map, reduce. Обход массива, поиск элемента в массиве, фильтрация массива, создание нового массива на основе предыдущего, метод reduce для подсчета суммы по элементам массива в JS.
📺 YouTube
WebDEV #видео
Рассмотрим методы массивов в JavaScript: forEach, find, findIndex, filter, map, reduce. Обход массива, поиск элемента в массиве, фильтрация массива, создание нового массива на основе предыдущего, метод reduce для подсчета суммы по элементам массива в JS.
📺 YouTube
WebDEV #видео
YouTube
Методы массивов в JS forEach, find, findIndex, filter, map, reduce
Рассмотрим методы массивов в JavaScript: forEach, find, findIndex, filter, map, reduce. Обход массива, поиск элемента в массиве, фильтрация массива, создание нового массива на основе предыдущего, метод reduce для подсчета суммы по элементам массива в JS.…
Пока вы спите – ИИ-агент закрывает задачи за вас
ChatGPT, Claude и DeepSeek уже стали базой. Но главный тренд 2026 года – автономные AI-агенты, которые не просто отвечают на запросы, а сами выполняют ваши рабочие задачи и рутину.
На бесплатном практикуме команда Зерокодера покажет, как установить и настроить OpenClaw – локального AI-агента для работы и автоматизации задач.
В эфире покажут:
– как установить и настроить OpenClaw;
– как автоматизировать рутину и сократить количество ручных действий;
– как собрать мощнейшую рабочую связку Claude + OpenClaw + Cursor;
– как встроить AI-агента в текущую работу и ускорить процессы;
– как ускорить текущие процессы без найма дополнительных людей.
Это не вебинар «с нуля в IT» – это практикум для тех, кто уже использует ИИ и хочет выйти на следующий уровень.
🎁 Бонус: гайд по установке и настройке OpenClaw на вашем ПК.
Бесплатный практикум – по ссылке.
ChatGPT, Claude и DeepSeek уже стали базой. Но главный тренд 2026 года – автономные AI-агенты, которые не просто отвечают на запросы, а сами выполняют ваши рабочие задачи и рутину.
На бесплатном практикуме команда Зерокодера покажет, как установить и настроить OpenClaw – локального AI-агента для работы и автоматизации задач.
В эфире покажут:
– как установить и настроить OpenClaw;
– как автоматизировать рутину и сократить количество ручных действий;
– как собрать мощнейшую рабочую связку Claude + OpenClaw + Cursor;
– как встроить AI-агента в текущую работу и ускорить процессы;
– как ускорить текущие процессы без найма дополнительных людей.
Это не вебинар «с нуля в IT» – это практикум для тех, кто уже использует ИИ и хочет выйти на следующий уровень.
🎁 Бонус: гайд по установке и настройке OpenClaw на вашем ПК.
Бесплатный практикум – по ссылке.
Курс по анимациям в ReactJS
Framer motion - быстро развивающаяся библиотека для анимаций React-приложений. В частности ее использует Chakra UI. Возможности у библиотеки большие. В этом видео мы знакомимся с базовыми настройками и делаем простые анимации.
📺 YouTube
WebDEV #видео
Framer motion - быстро развивающаяся библиотека для анимаций React-приложений. В частности ее использует Chakra UI. Возможности у библиотеки большие. В этом видео мы знакомимся с базовыми настройками и делаем простые анимации.
📺 YouTube
WebDEV #видео
Telegram
WebDEV
Сообщество веб-разработчиков.
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc, @tatiana_inc
Канал на бирже: telega.in/c/webb_dev
РКН: clck.ru/3L2oTf
На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.
Ссылка: @Portal_v_IT
Сотрудничество: @oleginc, @tatiana_inc
Канал на бирже: telega.in/c/webb_dev
РКН: clck.ru/3L2oTf
Исповедь HTML-программиста
Настало время покаяться, HTML-программисты, извиниться перед ScreenReader'ами и перед SEO-движками, да исправить ошибки свои.
Это видео — набор ошибок, которые допускает множество фронтэндщиков, пока создают вёрстку и почему так важно их избегать.
📺 YouTube
WebDEV #видео #HTML
Настало время покаяться, HTML-программисты, извиниться перед ScreenReader'ами и перед SEO-движками, да исправить ошибки свои.
Это видео — набор ошибок, которые допускает множество фронтэндщиков, пока создают вёрстку и почему так важно их избегать.
📺 YouTube
WebDEV #видео #HTML
YouTube
Исповедь HTML-программиста!
Как же тяжела жизнь html-программиста. То тэг забудешь закрыть, то стили отвалятся...
Добро пожаловать в мой телеграмм-канал:
https://xn--r1a.website/howToLearnIT
Поддержать канал на Boosty:
https://boosty.to/how-to-learn-it
1) Самые частые ошибки в БЭМ
https://…
Добро пожаловать в мой телеграмм-канал:
https://xn--r1a.website/howToLearnIT
Поддержать канал на Boosty:
https://boosty.to/how-to-learn-it
1) Самые частые ошибки в БЭМ
https://…
Next.JS setup: деплой на VPS
Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.
📺 YouTube
WebDEV #видео
Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.
📺 YouTube
WebDEV #видео
YouTube
Next.js setup: Деплой на VPS | Jest | Playwright | CI/CD | Sentry
Мое ссобщество Evolution Community 🙂
Исходники:
https://github.com/micro-course/core/tree/video-1
Волшебный файлик: https://wonderful-deer-c82.notion.site/fcc2fda33cdd436888e7b4e46e9c064c
Мой telegram канал:
https://xn--r1a.website/cleanfrontend
Это первое видео…
Исходники:
https://github.com/micro-course/core/tree/video-1
Волшебный файлик: https://wonderful-deer-c82.notion.site/fcc2fda33cdd436888e7b4e46e9c064c
Мой telegram канал:
https://xn--r1a.website/cleanfrontend
Это первое видео…