Astro. Теперь сайты моментальные. Быстрый курс
Новый ролик на канале про фреймворк, позволяющий уже создавать сайты на Islands Architecture. С помощью Astro вы сможете создавать сайты, которые открываются во много раз быстрее, чем, например на Next.js без потери функционала. Так же, используя Astro вы можете писать компоненты на React, Preact, Svelte, Vue и другие компоненто-ориентированные технологии
📺 YouTube
WebDEV #видео
Новый ролик на канале про фреймворк, позволяющий уже создавать сайты на Islands Architecture. С помощью Astro вы сможете создавать сайты, которые открываются во много раз быстрее, чем, например на Next.js без потери функционала. Так же, используя Astro вы можете писать компоненты на React, Preact, Svelte, Vue и другие компоненто-ориентированные технологии
📺 YouTube
WebDEV #видео
YouTube
Astro. Теперь сайты моментальные. Быстрый курс
Подкаст тут: https://tttttt.me/js_by_vladilen/515
Исходный код: https://github.com/vladilenm/astro-cc
Я в соц сетях:
Telegram: https://tttttt.me/js_by_vladilen
VK: https://vk.com/vladilen.minin
Instagram: https://instagram.com/vladilen.minin
Result School:
Telegram:…
Исходный код: https://github.com/vladilenm/astro-cc
Я в соц сетях:
Telegram: https://tttttt.me/js_by_vladilen
VK: https://vk.com/vladilen.minin
Instagram: https://instagram.com/vladilen.minin
Result School:
Telegram:…
Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете
Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.
📺 YouTube
WebDEV #видео
Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.
📺 YouTube
WebDEV #видео
YouTube
Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете
↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓
Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::::::::…
Урок по верстке сайта на HTML и CSS из макета Figma. Верстаем и размещаем работу на хостинге в интернете.
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
:::::::::::::::::::…
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/…