Методы массивов в JS

Рассмотрим методы массивов в JavaScript: forEach, find, findIndex, filter, map, reduce. Обход массива, поиск элемента в массиве, фильтрация массива, создание нового массива на основе предыдущего, метод reduce для подсчета суммы по элементам массива в JS.

📺 YouTube

WebDEV #видео

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

Создание сайта с крутой анимацией скролла

Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.

📺 YouTube

WebDEV #видео

Генератор QR-кода на JavaScript

В видео вы узнаете и сможете попробовать создать собственный генератор QR-кода на HTML, CSS и JavaScript.

📺 YouTube

WebDEV #видео

Как создать сайт за 30 минут. Урок по Wordpress

Пошаговый урок по созданию сайта блога на CMS WordPress. Размещение сайта на хостинге и публикация в интернете.

📺 YouTube

WebDEV #видео

Адаптивная верстка на CSS Grid для интернет магазина. Использование grid areas

Верстаем нестандартную сетку с товарами для интернет магазина на CSS Grid c использованием grid template ares. Применяем адаптив и responsive верстку.

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

JavaScript: основы для начинающих за 5 часов

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

📺 YouTube

WebDEV #видео