WebDEV
8.3K subscribers
2.3K photos
17 videos
3.04K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
💡 Шпаргалка по Tower

WebDEV #советы
💡Шпаргалка по фронтенду

WebDEV #советы
Можно ли собрать полезный рабочий инструмент с ИИ за один вечер?
Проверим на первой бесплатной лаборатории вайб-кодинга от Зерокодера

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

Но главное – формат самой лаборатории.

Это не запись заранее подготовленного кейса и не лекция, где эксперт показывает идеальный результат. Задачу собираем прямо в Zoom: от постановки до готового инструмента. Во время занятия можно задавать вопросы ведущему и разбираться с процессом вместе.

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

И это только первая задача. Каждую неделю – новый кейс и новый инструмент: приложения, дашборды, автоматизации и AI-помощники.

Забрать первое участие в лаборатории бесплатнопо ссылке
Забрать подписки на сервисы можно на ggsel ⚾️

На сайте собраны подписки на YT Premium, Spotify, нейронки и другой софт ☕️

Иностранные карты для оплаты не потребуются — на ggsel все безопасно оплачивается с обычных карт российских банков 🫰
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠 Novu – открытая инфраструктура для управления различными уведомлениями.

Novu предоставляет унифицированный API, который упрощает отправку уведомлений через множество каналов, включая внутрипрограммные, push, email, SMS и чат. С помощью Novu можно создавать пользовательские рабочие процессы и определять условия для каждого канала, обеспечивая максимально эффективную доставку уведомлений.

🌍 Сайт

WebDEV #инструменты
Плавный переход между страницами сайта

Сегодня будем делать переход между страницами сайта без перезагрузки, очень полезная штука для вашего развития как веб разработчика. После этого видео вы с легкостью сможете внедрять такое в своих проектах. Поработаем в основном с barba.js, заказчик будет в восторге.

📺 YouTube

WebDEV #видео
💡 Шпаргалка по HTML5

WebDEV #советы
Event Loop: Ключ к оптимизации вашего кода. Как работает асинхронность в JS

Сегодня разберём как реализована модель асинхронности в браузере. Не будем строить догадки пощупаем реальный браузер во вкладочке performance

📺 YouTube

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

WebDEV #cheatsheet
💡 Шпаргалка по CSS

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

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

📺 YouTube

WebDEV #видео
Мощный React-стек

TypeScript — типизированный код, Redux Toolkit — управление состояниями, RTKQuery — REST система, а Tailwind — упрощает вёрстку.

Объединив всё это вместе, можно получить отличный стек, который позволяет создавать мощные, стабильные и гибкие веб-приложения.

📺 YouTube

WebDEV #видео
ZenStack — TypeScript-инструмент для «усиления» Prisma ORM.

Достигается это за счёт мощного слоя контроля доступа, что и раскрывает его полный потенциал. При этом ZenStack предлагает интерактивный опыт работы с Markdown, автоматически генерирует CRUD API и фронтенд-хуки, обеспечивая высокий уровень безопасности.

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

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

📺 YouTube

WebDEV #видео
Все о Frontend-разработке за 15 минут

Самый простой способ вкатиться в айти это либо стать тестировщиком, либо Frontend (фронтенд) разработчиком. Ну, кто такой тестировщик и чем он занимается мы уже рассказали, а сегодня потрем немного про фронтендеров: кто они, чем занимаются и что им нужно знать.

📺 YouTube

WebDEV #видео
16 сентября в Arena Breakout: Infinite выходит седьмой сезон — «Утопия»

Если не сталкивались с игрой: это бесплатный тактический шутер про вылазки за добычей. Заходишь на локацию со своим снаряжением, набираешь лут и пытаешься уйти живым. Погиб — потерял всё, что было с собой.

Что завозят в новом сезоне:

• Заражённая зона — три карты превращаются в биоопасные локации с ночью, туманом и ливнем, по ним бродят шесть видов мутантов. Другие игроки при этом никуда не делись
• Режим на выживание — отдельный PvE без риска: снаряжение с собой не берёшь и ничего не теряешь, просто отбиваешься от волн и открываешь усиления
• Торговец прямо в рейде — можно обменять припасы и разведданные или докупить снаряжение
• Два новых ствола, сезонные обвесы и переработанная стрельба: дальность выше, попадания в голову ощутимее
• На старте бесплатно выдают прокачиваемую сапёрную лопату, скины и билеты, а между игроками разыгрывают 200 000 очков

Игра бесплатная, качается в Steam, российский регион поддерживается → https://abi.go.link/2wzTb
HTML верстка сайта слайдера и посадка на CMS

Сегодня мы рассмотрим создание крутого сайта слайдера от А до Я с использованием актуальных подходов и инструментов (swiper). В процессе обучения мы на реальном практическом примере задействуем все возможности Flexbox CSS, Scss, Sass, БЭМ нейминга, модульного JS и многие другие современные подходы и технологии. В дополнительных уроках мы создадим дизайн в Figma, осуществим посадку верстки на Winter CMS (бывш. October CMS), используя технику Theme Customization и разработаем форму обратной связи с возможностью работать с заявками в админ-панели Winter CMS.

📺 YouTube

WebDEV #видео
Интернет-магазин на Node.js

В этом курсе вы узнаете, как создать полноценный интернет-магазин на Node.js. Вас ждёт пошаговое руководство по разработке серверной части, интеграции базы данных, аутентификации пользователей, обработке платежей и созданию функционального интерфейса. Курс охватывает все ключевые аспекты, необходимые для запуска современного e-commerce проекта.

📺 YouTube

WebDEV #видео
Typescript: геттеры и сеттеры - полное руководство, кратко и с примерами

Изучаем возможность предоставлять доступы к private и protected свойствам классов и объектов через геттеры и сеттеры в TypeScript. Изучаем синтаксис методов get, set, особенности применения. Геттеры и сеттеры при наследовании классов. Отличия в перезаписи геттеров и сеттеров в TypeScript для private и protected свойств.

📺 YouTube

WebDEV #видео