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://tttttt.me/cleanfrontend
Это первое видео…
Исходники:
https://github.com/micro-course/core/tree/video-1
Волшебный файлик: https://wonderful-deer-c82.notion.site/fcc2fda33cdd436888e7b4e46e9c064c
Мой telegram канал:
https://tttttt.me/cleanfrontend
Это первое видео…
Как установить React 19 версии с Vite JS
В видео покажу как получить React JS 19-й версии уже сейчас в сборщике Vite. React уже обновился до 19 версии, вышел релиз кандидат, но в Vite по прежнему 18 версия. Показываю как обновиться.
📺 YouTube
WebDEV #видео
В видео покажу как получить React JS 19-й версии уже сейчас в сборщике Vite. React уже обновился до 19 версии, вышел релиз кандидат, но в Vite по прежнему 18 версия. Показываю как обновиться.
📺 YouTube
WebDEV #видео
YouTube
Как установить React 19 версии с Vite JS
В видео покажу как получить React JS 19-й версии уже сейчас в сборщике Vite. React уже обновился до 19 версии, вышел релиз кандидат, но в Vite по прежнему 18 версия. Показываю как обновиться.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/…
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/…
Tanstack query (react-query) полный курс 2024
В этом видео мы разберём:
Как делать запросы, пагинацию, 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 #видео
YouTube
Tanstack query (react-query) полный курс 2024
Подробнее о сообществе:
https://paromovevg.ru/evolution-community
Карта контента:
https://evocomm.space/map
Мой telegram канал:
https://tttttt.me/cleanfrontend
Исходники:
https://github.com/EvgenyParomov/tanstack-query-course
Это самый полный курс по tanstack…
https://paromovevg.ru/evolution-community
Карта контента:
https://evocomm.space/map
Мой telegram канал:
https://tttttt.me/cleanfrontend
Исходники:
https://github.com/EvgenyParomov/tanstack-query-course
Это самый полный курс по tanstack…
Реальный проект на JavaScript: викторина
Практический урок по написанию проекта квиз на JavaScript. В этом уроке напишем анкету опросник на JavaScript по готовой верстке.
📺 YouTube
WebDEV #видео
Практический урок по написанию проекта квиз на JavaScript. В этом уроке напишем анкету опросник на JavaScript по готовой верстке.
📺 YouTube
WebDEV #видео
YouTube
Реальный проект на JavaScript Викторина, quiz, квиз, опросник
Практический урок по написанию проекта квиз на JavaScript. В этом уроке напишем анкету опросник на JavaScript по готовой верстке.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::::::::::::::::::::::::::::::::::::::::::…
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::::::::::::::::::::::::::::::::::::::::::…
Автоматизация деплоя Телеграмм бота за 30 минут
В этом видео я покажу, как настроить авто-деплой телеграм-бота. Мы разберем:
– как создавать и настраивать удаленный сервер
– как подключиться к серверу по SSH
– как склонировать и развернуть бота на сервере
– что такое Github Actions и Workflows
– как автоматизировать деплой telegram бота с помощью Github Actions
И все это на конкретном примере готового бота. По сути, мы настроим CI/CD для нашего бота в тг.
📺 YouTube
WebDEV #видео
В этом видео я покажу, как настроить авто-деплой телеграм-бота. Мы разберем:
– как создавать и настраивать удаленный сервер
– как подключиться к серверу по SSH
– как склонировать и развернуть бота на сервере
– что такое Github Actions и Workflows
– как автоматизировать деплой telegram бота с помощью Github Actions
И все это на конкретном примере готового бота. По сути, мы настроим CI/CD для нашего бота в тг.
📺 YouTube
WebDEV #видео
YouTube
Автоматизация Деплоя Telegram-бота за 30 минут | автодеплой тг-бота с Github Actions
⭐ Облачный сервер для деплоя: https://slc.tl/o4e0e
⭐ Интенсив по созданию игры на чистом JS: https://pomazkovjs-hangman.ru/
✅ Курс по Grammy JS: https://youtu.be/q-AFR0D7Vuw
✅ Стартовые файлы бота на GitHub: https://github.com/arseniypom/bot-automatization…
⭐ Интенсив по созданию игры на чистом JS: https://pomazkovjs-hangman.ru/
✅ Курс по Grammy JS: https://youtu.be/q-AFR0D7Vuw
✅ Стартовые файлы бота на GitHub: https://github.com/arseniypom/bot-automatization…
Курс по Grammy JS: вся база
В этом видео мы разберем все основные механизмы библиотеки Grammy JS:
– стартовый набор файлов бота и общую структуру
– слушатели событий от пользователя
– объект Context: контекст обновления
– работу с двумя видами клавиатуры
и многое другое.
📺 YouTube
WebDEV #видео
В этом видео мы разберем все основные механизмы библиотеки Grammy JS:
– стартовый набор файлов бота и общую структуру
– слушатели событий от пользователя
– объект Context: контекст обновления
– работу с двумя видами клавиатуры
и многое другое.
📺 YouTube
WebDEV #видео
YouTube
Курс по Grammy JS: вся БАЗА | как писать телеграм-ботов на JS
⭐ BOOSTY: https://boosty.to/pomazkovjs
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
⭐ Интенсив по JS: https://pomazkovjs-hangman.ru/
✅ Текстовая версия ролика: https://slc.tl/sy40z
✅ Сервер Selectel: https://slc.tl/qtz71…
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
⭐ Интенсив по JS: https://pomazkovjs-hangman.ru/
✅ Текстовая версия ролика: https://slc.tl/sy40z
✅ Сервер Selectel: https://slc.tl/qtz71…
Методы массивов в 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.…
3D эффект для слайдера Swiper Cowerflow
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.
📺 YouTube
WebDEV #видео
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.
📺 YouTube
WebDEV #видео
YouTube
3D эффект для слайдера Swiper Coverflow
В этом видео сделаем слайдер с 3D эффектом на Swiper слайдере (Swiper Coverflow). Напишем разметку, рассмотрим подключение swiper слайдера и необходимые параметры для настройка слайдера. Также уделим внимание кастомизации слайдера с помощью CSS переменных.…
Секреты React-разработки. Создай React портфолио с нул шаг за шагом
Сегодня я собрал в одном видео весь процесс создания портфолио на React с нуля! В этом выпуске мы пройдём все этапы: от вёрстки и компонентов до анимации, переключения тем и финального деплоя.
📺 YouTube
WebDEV #видео
Сегодня я собрал в одном видео весь процесс создания портфолио на React с нуля! В этом выпуске мы пройдём все этапы: от вёрстки и компонентов до анимации, переключения тем и финального деплоя.
📺 YouTube
WebDEV #видео
YouTube
Секреты React-разработки. Создай React портфолио с нуля шаг за шагом
Секреты React-разработки. Создай React-портфолио с нуля шаг за шагом
👉 Полный цикл разработки: от первой строки кода до деплоя
👉 Создаём современный и динамичный сайт на React
👉 Полное руководство (4 часа 42 минуты)
Сегодня я собрал в одном видео весь процесс…
👉 Полный цикл разработки: от первой строки кода до деплоя
👉 Создаём современный и динамичный сайт на React
👉 Полное руководство (4 часа 42 минуты)
Сегодня я собрал в одном видео весь процесс…
Универсальный стартовый шаблон для твоих Пэт-проектов с JS, SASS и Vite
– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?
– Какую структуру папок использовать?
Всё это вы узнаете, досмотрев ролик до конца. В нём я познакомлю Вас с Vite, помогу создать универсальный шаблон для проекта на JS с нуля и научу работать с этим шаблоном!
📺 YouTube
WebDEV #видео
– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?
– Какую структуру папок использовать?
Всё это вы узнаете, досмотрев ролик до конца. В нём я познакомлю Вас с Vite, помогу создать универсальный шаблон для проекта на JS с нуля и научу работать с этим шаблоном!
📺 YouTube
WebDEV #видео
YouTube
Универсальный СТАРТОВЫЙ ШАБЛОН для твоих пэт-проектов с JS, SASS и Vite [2023]
* ИНТЕНСИВ "ИГРА НА ЧИСТОМ JS": https://pomazkovjs-hangman.ru/
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?…
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
– Какие технологии выбрать для своего пет проекта?
– Как развернуть проект и заставить всё работать вместе?…
var, let, const: полный курс по объявлению переменных
– Чем опасно ключевое слово VAR?
– Что такое область видимости и какие бывают области видимости?
– Почему всегда, когда есть возможность, лучше использовать CONST вместо LET?
– Какие ошибки допускают начинающие разработчики в работе с переменными?
Всё это вы узнаете, досмотрев ролик до конца. В нём я объединил всё, что вам нужно знать про объявление переменных в JavaScript и ключевые слова var, let и const.
📺 YouTube
WebDEV #видео
– Чем опасно ключевое слово VAR?
– Что такое область видимости и какие бывают области видимости?
– Почему всегда, когда есть возможность, лучше использовать CONST вместо LET?
– Какие ошибки допускают начинающие разработчики в работе с переменными?
Всё это вы узнаете, досмотрев ролик до конца. В нём я объединил всё, что вам нужно знать про объявление переменных в JavaScript и ключевые слова var, let и const.
📺 YouTube
WebDEV #видео
YouTube
var, let, const: ПОЛНЫЙ КУРС [2023] | Объявление переменных в JS
* ИНТЕНСИВ "Игра на чистом JS: с нуля до деплоя":
https://pomazkovjs-hangman.ru/
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
– Чем опасно ключевое слово VAR?
– Что такое область видимости и какие бывают области видимости?…
https://pomazkovjs-hangman.ru/
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
– Чем опасно ключевое слово VAR?
– Что такое область видимости и какие бывают области видимости?…
Ошибки любят молчать. Твоя задача — их разговорить
Большинство багов остаются в продукте, потому что их не заметили. А ты заметишь.
Есть один курс, который за пару вечеров научит подходу: не просто «кликать» по интерфейсу, а мыслить как тестировщик — сомневаться, искать уязвимости и находить, где всё ломается.
Ты потренируешься искать логику, проверять границы, ломать сценарии — и делать это не ради вредности, а ради качества.
Пройди курс и пойми, как заработать на умении быть внимательным. Это, кстати, редкий и дорогой навык.
Большинство багов остаются в продукте, потому что их не заметили. А ты заметишь.
Есть один курс, который за пару вечеров научит подходу: не просто «кликать» по интерфейсу, а мыслить как тестировщик — сомневаться, искать уязвимости и находить, где всё ломается.
Ты потренируешься искать логику, проверять границы, ломать сценарии — и делать это не ради вредности, а ради качества.
Пройди курс и пойми, как заработать на умении быть внимательным. Это, кстати, редкий и дорогой навык.
Полный разбор THIS в JavaScript за 26 минут
Этот ролик – полный гайд по this в JS.
Из него вы узнаете про:
– this в глобальной области видимости (объекты Window и Global)
– this в обычных функциях
– this в функциях-конструкторах
– особенности this в стрелочных функциях
– this в forEach и setTimeout
и многое другое – с объяснением и примерами.
📺 YouTube
WebDEV #видео
Этот ролик – полный гайд по this в JS.
Из него вы узнаете про:
– this в глобальной области видимости (объекты Window и Global)
– this в обычных функциях
– this в функциях-конструкторах
– особенности this в стрелочных функциях
– this в forEach и setTimeout
и многое другое – с объяснением и примерами.
📺 YouTube
WebDEV #видео
YouTube
Полный разбор THIS в JavaScript за 26 минут | this в стрелочных функциях, call bind apply, Window
⭐ BOOSTY – задача с собеса по THIS, конспекты-шпаргалки и другие материалы:
https://boosty.to/pomazkovjs
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
Этот ролик – полный гайд по this в JS.
Из него вы узнаете про:
– this…
https://boosty.to/pomazkovjs
⭐ Поддержать донатом: https://boosty.to/pomazkovjs/single-payment/donation/500599/
Этот ролик – полный гайд по this в JS.
Из него вы узнаете про:
– this…
Ты сделал ФИРМЕННЫЙ СТИЛЬ за вечер?! Ты что, волшебник?
— спрашивает клиент. А ты такой: "Да, с помощью пары промптов"
Раньше ты тратил 3 дня. Теперь у тебя за вечер:
- Стиль бренда + референсы
- Обложки, упаковка, визуал для соцсетей
- Концепт персонажа или стикеров
- Презентация с продающим визуалом
👉 Приходи на бесплатный интенсив “Нейросети для дизайнеров” от Логомашины — одной из ТОП-3 дизайн-студий России — и за 2 дня:
Освоишь 10+ инструментов нейродизайна
- Сделаешь свои 3 полноценных AI-кейса для своего портфолио
- Поймёшь, как за вечер выдавать результат, который вызывает “вау”
- И, главное — снова почувствуешь кайф от того, что ты творец, а не “на подхвате”
🎁 Получишь много подарков, включая доступы к платным нейросетям на 30 дней за кейсы на интенсиве или 90+ промптов для дизайна
Успей забрать бесплатный доступ - осталось всего 74 места из 1000!
Реклама. ООО «ЛОГОМАШИНА УЧИТ», ИНН: 7804699864, Erid: 2VtzqxcF9kt
— спрашивает клиент. А ты такой: "Да, с помощью пары промптов"
Раньше ты тратил 3 дня. Теперь у тебя за вечер:
- Стиль бренда + референсы
- Обложки, упаковка, визуал для соцсетей
- Концепт персонажа или стикеров
- Презентация с продающим визуалом
Освоишь 10+ инструментов нейродизайна
- Сделаешь свои 3 полноценных AI-кейса для своего портфолио
- Поймёшь, как за вечер выдавать результат, который вызывает “вау”
- И, главное — снова почувствуешь кайф от того, что ты творец, а не “на подхвате”
🎁 Получишь много подарков, включая доступы к платным нейросетям на 30 дней за кейсы на интенсиве или 90+ промптов для дизайна
Успей забрать бесплатный доступ - осталось всего 74 места из 1000!
Реклама. ООО «ЛОГОМАШИНА УЧИТ», ИНН: 7804699864, Erid: 2VtzqxcF9kt
Please open Telegram to view this post
VIEW IN TELEGRAM
Резюме frontend веб разработчика. Что написать в блоке "профессиональные навыки"
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
📺 YouTube
WebDEV #видео
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
📺 YouTube
WebDEV #видео
YouTube
Резюме frontend веб разработчика. Что написать в блоке "Профессиональные навыки"
Как оформить блок "Профессиональные навыки" в резюме для frontend разработчика, веб-разработчика. Разбираем на реальном примере. Исправляем ошибки. Стратегия для новичка и для разработчика с опытом.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/…
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/…
React Hooks - полный курс (про все хуки в одном видео)
Полный курс по React Hooks. Внутри расскажи про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце покажу, как можно создавать свои собственные хуки
📺 YouTube
WebDEV #видео
Полный курс по React Hooks. Внутри расскажи про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце покажу, как можно создавать свои собственные хуки
📺 YouTube
WebDEV #видео
YouTube
React Hooks - Полный Курс (Про Все Хуки в 1 видео!)
Дорожная карта и экосистема React 2024 - https://bit.ly/3NxXf7z
Эксклюзивный контент в Telegram: https://tttttt.me/NextgenSocialBot
Исходники тут: https://tttttt.me/js_by_vladilen/224
Telegram: https://tttttt.me/js_by_vladilen
Instagram: https://instagram.com/vladilen.minin…
Эксклюзивный контент в Telegram: https://tttttt.me/NextgenSocialBot
Исходники тут: https://tttttt.me/js_by_vladilen/224
Telegram: https://tttttt.me/js_by_vladilen
Instagram: https://instagram.com/vladilen.minin…
Создание сайта с крутой анимацией скролла
Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
📺 YouTube
WebDEV #видео
Сегодня мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
📺 YouTube
WebDEV #видео
YouTube
Создание сайта с крутой анимацией скролла (HTML CSS GSAP)
💥 Все курсы в одном комплекте: https://webdesign-master.ru/courses/bundle/
В этом уроке мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
Страница урока: https://webdesign-master.ru/blog/html-css/creative…
В этом уроке мы рассмотрим создание сайта с крутой анимацией скролла при помощи GSAP ScrollTrigger и GSAP ScrollSmoother.
Страница урока: https://webdesign-master.ru/blog/html-css/creative…