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
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 #видео
💡 Шпаргалка по JS

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

WebDEV #советы
Tanstack query (react-query) полный курс

В этом видео мы разберём:

Как делать запросы, пагинацию, infinity scroll, optimistic update, обновлять после мутаций, как интегрировать с Redux, запускать мутации вне компонентов, объединять данные из Redux и Tanstack query. Как делать offline mode и suspence

📺 YouTube

WebDEV #видео
🛠 Photomash Studio — профессиональная фотостудия в вашем браузере

🌍 Сайт

WebDEV #инструменты
Исповедь HTML-программиста

Настало время покаяться, HTML-программисты, извиниться перед ScreenReader'ами и перед SEO-движками, да исправить ошибки свои.

Это видео — набор ошибок, которые допускает множество фронтэндщиков, пока создают вёрстку и почему так важно их избегать.

📺 YouTube

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

WebDEV #советы
💡 Шпаргалка по AI-сервисам

WebDEV #AI
💡Шпаргалка по HTML

WebDEV #советы