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

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

📺 YouTube

WebDEV #видео

💡Шпаргалка по CSS

WebDEV #советы

💡Шпаргалка по HTML5

WebDEV #советы

💡Шпаргалка по CSS

WebDEV #советы

VS Code 1 установка и настройка. Топ 5 плагинов. Редактор кода Visual Studio Code

Установка и настройка редактора кода Visual Studio Code для верстальщика и веб-разработчика. Тайм-коды в описании.

📺 YouTube

WebDEV #видео

CSS Grid, flexbox, float. В чем разница и как использовать.

Видео показывает различные методы верстки страницы с помощью CSS: float, inline-block, flexbox и Grid. Сначала идет введение и обзор проекта, затем пошаговая реализация каждого метода для сравнения их возможностей.

📺 YouTube

WebDEV #видео

CSS функция clamp(). Адаптивный размер текста. Прощайте медиа запросы

Подробный разбор CSS функции clamp(). Адаптивные размеры в CSS, адаптивный размер текста.

📺 YouTube

WebDEV #видео

Astro. Теперь сайты моментальные. Быстрый курс

Новый ролик на канале про фреймворк, позволяющий уже создавать сайты на Islands Architecture. С помощью Astro вы сможете создавать сайты, которые открываются во много раз быстрее, чем, например на Next.js без потери функционала. Так же, используя Astro вы можете писать компоненты на React, Preact, Svelte, Vue и другие компоненто-ориентированные технологии

📺 YouTube

WebDEV #видео

Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете

Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.

📺 YouTube

WebDEV #видео

Next.JS setup: деплой на VPS

Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.

📺 YouTube

WebDEV #видео

Как установить React 19 версии с Vite JS

В видео покажу как получить React JS 19-й версии уже сейчас в сборщике Vite. React уже обновился до 19 версии, вышел релиз кандидат, но в Vite по прежнему 18 версия. Показываю как обновиться.

📺 YouTube

WebDEV #видео

Tanstack query (react-query) полный курс 2024

В этом видео мы разберём:

Как делать запросы, пагинацию, infinity scroll, optimistic update, обновлять после мутаций, как интегрировать с Redux, запускать мутации вне компонентов, объединять данные из Redux и Tanstack query. Как делать offline mode и suspence

📺 YouTube

WebDEV #видео

Реальный проект на JavaScript: викторина

Практический урок по написанию проекта квиз на JavaScript. В этом уроке напишем анкету опросник на JavaScript по готовой верстке.

📺 YouTube

WebDEV #видео

Автоматизация деплоя Телеграмм бота за 30 минут

В этом видео я покажу, как настроить авто-деплой телеграм-бота. Мы разберем:
– как создавать и настраивать удаленный сервер
– как подключиться к серверу по SSH
– как склонировать и развернуть бота на сервере
– что такое Github Actions и Workflows
– как автоматизировать деплой telegram бота с помощью Github Actions
И все это на конкретном примере готового бота. По сути, мы настроим CI/CD для нашего бота в тг.

📺 YouTube

WebDEV #видео

Курс по Grammy JS: вся база

В этом видео мы разберем все основные механизмы библиотеки Grammy JS:
– стартовый набор файлов бота и общую структуру
– слушатели событий от пользователя
– объект Context: контекст обновления
– работу с двумя видами клавиатуры
и многое другое.

📺 YouTube

WebDEV #видео

Методы массивов в 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 #видео

Мир создают те, кто решается — станьте творцом.

Графический дизайн — не про «рисовать». Это про то, как бизнесы общаются с миром через визуал. Это про стиль, ассоциации, характер бренда. И вы можете быть тем, кто это создаёт.

Попробуйте себя в дизайне — без вложений, без риска. За 3 дня вы освоите Illustrator и Photoshop, соберёте концепт бренда и оформите свой первый кейс для портфолио.

Просто пройдите мини-курс. Он подскажет, насколько вам подходит дизайн. Остальное вы почувствуете сами.

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

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

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

📺 YouTube

WebDEV #видео