Курс по Bootstrap 5

Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше.

В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру.

📺 YouTube

WebDEV #видео

Путь веб-разработчика с полного нуля

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

📺 YouTube

WebDEV #видео

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

WebDEV #советы

💡Эволюция JavaScript

WebDEV #советы

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

WebDEV #советы

Создал крутую тему Wordpress в стиле MacOS

В этом видео я покажу вам свою тему для Wordpress в стиле MacOS.

📺 YouTube

WebDEV #видео

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