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

Универсальный стартовый шаблон для твоих Пэт-проектов с 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 #видео

В России можно посещать бесплатные IT-мероприятия хоть каждый день: как оффлайн, так и онлайн.

Чтобы не пропустить полезные — сохраните каналы

1. Бесплатные IT мероприятия

2. IT мероприятия Москва

3. IT мероприятия Санкт Петербург

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

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

📺 YouTube

WebDEV #видео