WebDEV
8.51K subscribers
2.26K photos
11 videos
2.97K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
Фишки HTML и CSS

В HTML и CSS есть возможности, которые упростят ваш код, сделают сайт более стабильным и интересным для поисковых роботов.

Из видео вы узнаете про 7 фишек, которые улучшат ваш проект: Параллакс, CSS-анимацию, режимы смешивания, вертикальное выравнивание и другое.

📺 YouTube

WebDEV #видео #CSS #HTML
Что такое Front-end и Back-end?

В веб-разработке программисты делятся на три типа: Front-end, Back-end и Full stack. Каждый выполняет какую-то свою функцию (а один из них — и вовсе две).

Чтобы лучше разобраться, кто чем занимается и в какую сторону вам расти, посмотрите этот ролик. Он особо полезен, если вы только начинаете свой путь в IT.

📺 YouTube

WebDEV #видео #web
🛠 AnimeJS — украсьте приложение с помощью этого движка анимации.

Хотя анимация веб-страниц иногда применяется неправильно, разумное использование может облегчить навигацию по веб-сайту. CSS анимация и переходы были огромным шагом вперед, но для более сложных взаимодействий часто требуется библиотека. Anime.js – это анимационный движок, с помощью которого вы сможете добавлять сложные анимированные компоненты в приложения.

🌍 Сайт

WebDEV #инструменты
🛠 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