WebDEV
9.49K subscribers
2.01K photos
9 videos
2.52K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
3D эффект для слайдера Swiper Cowerflow

В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.

📺 YouTube

WebDEV #видео
Секреты React-разработки. Создай React портфолио с нул шаг за шагом

Сегодня я собрал в одном видео весь процесс создания портфолио на React с нуля! В этом выпуске мы пройдём все этапы: от вёрстки и компонентов до анимации, переключения тем и финального деплоя.

📺 YouTube

WebDEV #видео
Универсальный стартовый шаблон для твоих Пэт-проектов с JS, SASS и Vite

– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?
– Какую структуру папок использовать?

Всё это вы узнаете, досмотрев ролик до конца. В нём я познакомлю Вас с Vite, помогу создать универсальный шаблон для проекта на JS с нуля и научу работать с этим шаблоном!

📺 YouTube

WebDEV #видео
💡 Шпаргалка по AI-сервисам

WebDEV #AI
💡 Шпаргалка по DOM

WebDEV #советы
💡 Шпаргалка по loops JS

WebDEV #советы
var, let, const: полный курс по объявлению переменных

– Чем опасно ключевое слово VAR?
– Что такое область видимости и какие бывают области видимости?
– Почему всегда, когда есть возможность, лучше использовать CONST вместо LET?
– Какие ошибки допускают начинающие разработчики в работе с переменными?

Всё это вы узнаете, досмотрев ролик до конца. В нём я объединил всё, что вам нужно знать про объявление переменных в JavaScript и ключевые слова var, let и const.

📺 YouTube

WebDEV #видео
Полный разбор THIS в JavaScript за 26 минут

Этот ролик – полный гайд по this в JS.
Из него вы узнаете про:
– this в глобальной области видимости (объекты Window и Global)
– this в обычных функциях
– this в функциях-конструкторах
– особенности this в стрелочных функциях
– this в forEach и setTimeout
и многое другое – с объяснением и примерами.

📺 YouTube

WebDEV #видео
Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"

Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.

📺 YouTube

WebDEV #видео
React Hooks - полный курс (про все хуки в одном видео)

Полный курс по React Hooks. Внутри расскажи про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце покажу, как можно создавать свои собственные хуки

📺 YouTube

WebDEV #видео
Как быстро оживить дизайн сайта с нуля в Figma и Webflow

Хотите создать стильный сайт с нуля в Figma и сразу сверстать его в Webflow? В этом видео я покажу полный процесс – от идеи до готового сайта, который будет выглядеть профессионально и современно.

📺 YouTube

WebDEV #видео
SASS SCSS компиляция в VS Code. Плагин Live Sass Compiler

Как собрать SASS/SCSS VS Code не выходя из редактора. Рассмотрим установку и подробную настройку плагина Live Sass Compiler. Сборка одного или нескольких SCSS файлов, компиляция в отдельную директорию, минификация CSS, отключаем лишние уведомления.

📺 YouTube

WebDEV #видео
Готовый код за 4 часа или за 4 минуты?
Решать тебе. Но рынок всё равно поставит на тех, кто кодит с нейросетями.


Большинство айтишников тратят время на шаблонный код, типовые решения и бесконечные правки — вместо того, чтобы сосредоточиться на логике продукта.

На бесплатном эфире с СЕО университета Зерокодер покажет, как применять Cursor для ускорения разработки — от быстрого написания кода до автоматизации рутинных задач программиста.

Что ждет вас на вебинаре?

– Разберём, что такое вайб-кодинг и как Cursor уже меняет правила игры на IT-рынке;
– Пошагово покажем, как программировать в Cursor, не написав ни единой строки кода вручную;
– Создадим готовый проект с нуля своими руками;
– Расскажем, где и как правильно применять эти знания в 2025 году.

Все участники получат готовые инструменты для работы с нейросетями. Эфир подойдет всем, кто хочет сэкономить время, монетизировать навыки и оставаться в тренде технологий 2025 года.

Один из самых свежих и бесплатных эфиров лета 2025 года ждет вас по ссылке.
Правильная интеграция React query + Mobx | Объединяй, а не выбирай

В этом видео мы рассмотрим лучшую интеграцию двух мощных стейт менеджеров. react-query и mobx. Их можно и нужно интегрировать вместе. И здесь я покажу самый удобный и правильный способ это делать

📺 YouTube

WebDEV #видео
Россия на грани самого большого кризиса с начала 90-х. Конфликт затягивается на долгие годы. Экономика падает. В стране тестируют полную блокировку интернета.

Умному человеку очевидно, что нужно готовиться к большим переменам. Большинство окажутся к ним не готовы и потеряют всё. Если вы не хотите оказаться среди них, читайте Диму Кокорева.

Он первым предсказал падение доллара в 2025, провал переговоров с участием Трампа и движение ключевой ставки после начала СВО.

А сейчас по фактам объясняет, к чему нам готовиться этим летом, что будет с недвижкой и рублём (спойлер: ничего хорошего), как сохранить свои сбережения и когда действительно закончится СВО.

Подписывайтесь, чтобы быть в курсе всех инсайдов заранее: @kokorevinvest
JavaScript: основы для начинающих за 5 часов

Видеокурс JavaScript для новичков состоит из 12 частей. В этом уроке вы узнаете основы языка программирования JavaScript, без которых невозможно изучать библиотеки, фреймворки или создавать свои собственные интересные скрипты. В этом уроке вы научитесь работать с переменными разных типов, массивами, объектами, узнаете как проверять условия и создавать циклы. Научитесь создавать свои собственные функции, работать с датой и временем, правильно документировать код и отлавливать ошибки. Так же я расскажу про объектно-ориентированный подход в программирования на языке JavaScript и рассмотрим интересные возможности стандарта ECMAScript 2015 (ES6).

📺 YouTube

WebDEV #видео