WebDEV
8.39K subscribers
2.27K photos
14 videos
3K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
Автоматизация деплоя Телеграмм бота за 30 минут

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

📺 YouTube

WebDEV #видео
Spline | Tilda эффект частиц

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

Spline — это недавно появившийся бесплатный инструмент для 3D моделирования, который уже успел обзавестись впечатляющим набором функций. С его помощью вы можете создавать 3D-сцены, моделировать объекты и редактировать материалы, а также контролировать весь процесс создания дизайна, добиваясь наилучшего результата.

📺 YouTube

WebDEV #видео
Auto Layout в Figma за 5 минут

Auto Layout в Figma — это мощный инструмент, который упрощает создание адаптивных и гибких дизайнов. Он позволяет автоматически изменять размеры и расположение элементов при изменении размеров контейнера, что делает дизайн более динамичным и удобным.

В этом видео автор покажет, как пользоваться Auto Layout в Figma, расскажет, зачем он нужен и чем может быть полезен. Вы узнаете, как легко создавать адаптивные макеты, экономить время на редактировании и улучшать свою продуктивность.

📺 YouTube

WebDEV #видео
Svelte за 100 секунд

Svelte — это JS-библиотека для создания реактивных компонентов пользовательского интерфейса. Но в отличие от React, Angular и Vue, она не предоставляет среду выполнения, такую как Virtual DOM, для просмотра.

📺 YouTube

WebDEV #видео #js #svelte
Как использовать TypeScript с React... А нужно ли?

Узнайте, как настроить React с TypeScript. Сравните плюсы и минусы использования TypeScript в проекте React.

📺 YouTube

WebDEV #видео #js #react #typescript
Next.js за 100 секунд + полное руководство для начинающих

Изучите основы Next.js за 100 секунд! Затем создайте свое первое серверное приложение для react с полным руководством для начинающих по Next.js.

📺 YouTube

WebDEV #видео #react #web
💡 Шпаргалка по HTML

WebDEV #советы
Сидеть и работать в корпорации — страшно, жизнь-то мимо проходит. Уходить строить бизнес — страшно, а вдруг прогорит. Один из вариантов — разрабатывать свой пет-проект по вечерам. Многие успешные компании, например, Twitter, создавались именно так. Это не значит, что ваш проект обязательно заработает миллиарды, но заработать больше, чем в найме, и получить ценный опыт — вполне реально.

Перед началом разработки появляется множество вопросов, например:

– Как выбрать идею для пет-проекта?
– Что нужно знать про маркетинг?
– Как запуститься и довести до первых продаж не имея бюджета на рекламу?

В телеграм-канале «Твой пет проект», Михаил Табунов делится своим опытом с разработчиками и менеджерами.

Он рассказывает, где искать идею для нового проекта, что нужно знать о маркетинге, как запустить стартап и привлечь первых 10 клиентов, а также о многих других важных вещах.

Подписывайтесь на «Твой пет проект», получайте пользу от практиков рынка!

Реклама. ИП Табунов Михаил Валерьевич ИНН 773379585100. erid: 2Vtzqw5HMMB
💡 Шпаргалка по CSS

WebDEV #советы
💡Шпаргалка по Frontend

WebDEV #советы
🛠 LOGO — вы сможете настроить и бесплатно загрузить логотип своего бренда в форматах с высоким разрешением, таким как PNG, векторные файлы SVG и другие. Добавить свой логотип на цифровые баннеры или распечатать его на больших рекламных щитах без потери разрешения.

🌍 Сайт

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

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

📺 YouTube

WebDEV #видео
/* Какая будет финальная ширина контентной области (content box) внутри блока? */
.box {
width: 100px;
padding: 10px;
border: 5px solid black;
box-sizing: border-box;
}


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
48%
100px
26%
70px
26%
130px
.parent {
display: flex;
height: 200px;
}
.child {
height: 50%;
flex-grow: 1;
}
/* Какая высота будет у .child? */


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
61%
100px
30%
200px
9%
50px
const cat = { name: "Zhora" };
Object.seal(cat);

cat.name = "Boris";
cat.age = 3;

console.log(cat.name, cat.age);


WebDEV #test #Frontend

Выберите правильный вариант 👇🏼
Варианты ответа:
Anonymous Quiz
38%
Zhora undefined
36%
Boris 3
26%
Boris undefined
⚡️В России запустили первую онлайн-магистратуру по искусственному интеллекту

Её создали Университет Иннополис и Зерокодер, обучивший работе с ИИ более 15 000 человек. Для рынка это большой прорыв – раньше такой программы просто не было.

Что даёт магистратура лично вам:

- Вы запускаете собственный ИИ-продукт за время учёбы – он же становится дипломной работой;
- Осваиваете ИИ, no-code и вайб-кодинг без программирования, техническая база не нужна;
- Получаете диплом магистра государственного образца и отсрочку от армии;
- Учитесь онлайн из любого города, без отрыва от работы;
- Попадаете в среду практиков: основатели, венчурные инвесторы, выпускник Y Combinator; практика – в Т-Банке, Яндексе, Сбере.

Программа платная. Но чтобы разобраться, подходит ли она вам, поступать прямо сейчас не нужно.

7 июля в 13:00 МСК пройдёт бесплатный День открытых дверей
. На нём выпускники и студенты лично расскажут, как собрали свои продукты – среди них вирусный ИИ-сервис и B2B-платформа, которой уже пользуются 70 компаний. Приёмная комиссия ответит на ваши вопросы и разберёт детали поступления.

Никаких обязательств: приходите, узнайте и оцените возможности – для этого День открытых дверей и проводится.

Мест на потоке осталось всего 9, к августу их не останется вовсе. Поэтому анонсируем заранее – разберитесь 7 июля.

Регистрация бесплатная по ссылке.