🛠 Lighthouse — открытый инструмент от Google для аудита производительности, доступности и SEO веб-страниц.

Основное преимущество Lighthouse — это его мощная аналитика и обширная база знаний. Утилита предлагает подробные отчёты и рекомендации по улучшению качества веб-страниц, основанные на проверенных методах и практиках.

🌍 Сайт

WebDEV #инструменты

Полный курс ReactJS для начинающих - изучи реакт за 2 часа!

Новый большое видео на канале, сегодня я публикую полный курс React JS для начинающих. Этот материал позволит тебе изучить Реакт за 2 часа с нуля. Считай это 20 уроков React в одном видео. В прошлый раз я делал быстрый курс по React, но это был не полный материал. В этом ролике будет как и практика react, на примере проекта, так и немного теории реакта. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior React Front-end разработчика. Можно сказать это фундаментальный курс по React от А до Я.

📺 YouTube

WebDEV #видео

Сайт за 5000₽. Быстро, дешево и качественно? Avito, Wix

В этом видео я буду в роли заказчика, которому нужно создать сайт фотографа. Будем искать веб-разработчика на Авито и посмотрим какие решения и стоимость предлагают там, а самое главное какой конечный продукт мы получим!

📺 YouTube

WebDEV #видео

Создаем классный дизайн баннера

Как сделать крутой баннер для телеграма? В этом ролике ты вместе со мной подробно сделаешь 2 дизайн баннера. Покажу и расскажу про все этапы: как сгенерировать такую картинку в нейросети, как сделать эффекты свечения, объёма, и в целом, как сделать такой сочный дизайн. Такую работу можно повторить за 15-20 мин времени, а результат - стильный дизайн!

📺 YouTube

WebDEV #видео

Как создать интернет-магазин с нуля самому?

Создание интернет-магазина с современным дизайном и крутым функционалом это дорого и очень сложно. В данном курсе мы развеем этот заблуждение, расскажем и покажем на примерах и кейсах как буквально за пару часов можно создать интернет-магазин
Вашей мечты.

📺 YouTube

WebDEV #видео

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

WebDEV #советы

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

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

📺 YouTube

WebDEV #видео

Телеграмм бот на NodeJS + Notion с нуля. Деплой и обновление на Ubuntu

Делюсь полезным туториалом по созданию интеграции на NodeJS
В ролике создаю Telegram бота, который интегрируется с Notion через NodeJS, используя ChatGPT. Концепт вот в чем: Telegram как интерфейс, простая логика на NodeJS и очень удобная база данных в Notion. На основе этого кода можно написать свой функционал.
В видео показал пример, как на основе тезисов в боте в Notion попадет целая эмоциональная история. Оптимизированный копирайтинг с правильным построением запроса в ChatGPT

📺 YouTube

WebDEV #видео

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

WebDEV #советы

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

WebDEV #советы

JavaScript с нуля за 7 часов

JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.

📺 YouTube

WebDEV #видео

Новые хуки в React 19. Самый полный обзор + примеры кода

В этом видео наглядно рассмотрим новые хуки (new hooks) React 19. Обновления в React 19 позволяют более удобно работать с формой используя action функции, обрабатывать состояние ожидания, и получать информацию о форме, ее данных и обработке с помощью новых хуков useTransition, useFormStatus, useActionState. Также React 19 позмоляет удобно работать с паттерном optimistice UI, новый хук useOptimistic. Ряд упрощений c ref и Context. Новый компилятор который позволяет не испольовать useMemo и useCallback.

📺 YouTube

WebDEV #видео

JavaScript с нуля за 7 часов

JavaScript c нуля - Полный курс по основам для начинающих. В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык.

📺 YouTube

WebDEV #видео

React Native для начинающих

React позволяет нам создавать интерфейс приложения, то есть писать фронтенд. А его версия Native — запускать React приложения на телефоне и ПК.

В этом видео вы узнаете, как правильно создать приложение на телефон с помощью React, и как оно вообще запускается.

📺 YouTube

WebDEV #видео

Верстка целого сайта в одном видео

За 5 часов сверстать относительно сложный, но очень классный макет сайта. К тому же автор создаёт адаптивную версию сайта. Это видео поможет вам серьёзно прокачать свои навыки, ведь после него вы будете знать, как реализовывать сложные фичи.

📺 YouTube

WebDEV #видео

Как frontend-разработчику вырасти в ЗП?

День сурка frontend-разработчика выглядит так

Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов

Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость».

И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...

Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить.

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке.

В своем канале:
👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения
👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться
👉На примерах объясняю, как проходить собеседования, включая техничку
👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров

А еще регулярно публикую полезные материалы:
▪️Задачи, на которых валяться кандидаты
▪️База по микрофронтам
▪️Подборка из 100+ каналов с вакансиями для разработчиков
▪️100 вопросов, которые точно помогут тебе на собеседовании
▪️Чек лист проверки своего резюме

А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале.

Реклама, erid: 2W5zFGt8htm ИП Галактионов Тихон Витальевич, ИНН 771618975809

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

WebDEV #советы

💡Убедитесь, что элементы интерфейса не скрыты

Доступность элементов. Важно, чтобы элементы интерфейса, такие как меню, кнопки или ссылки, были всегда видны и доступны, даже если пользователь прокручивает страницу. Проверьте, чтобы важные кнопки оставались видимыми, независимо от положения страницы.

WebDEV #советы

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

WebDEV #советы

💡 Шпаргалка по стилям границ CSS

WebDEV #советы