Как создать мини-приложение | Вайбкодинг
Конструктор ботов: https://puzzlebot.top/?y=web В данном видео мы рассмотрим: 00:00:00 - О Евгении Пролубниковой: личная история, автоматизация процессов, бэкграунд в менеджменте и госструктельствах 00:02:00 - Первое знакомство с ботами в Telegram (2017-2018 гг.) во время организации конференций 00:03:10 - Первый заказ на чат-бота в 2020 году для разгрузки горячей линии в Челябинске во время локдауна 00:04:58 - Возвращение к ботам после декрета, знакомство с платформой PuzzleBot и фокус на разработку мини-приложений 00:06:17 - Почему Евгения выбирает именно мини-приложения, а не классические чат-боты: сравнение форм ввода и UX/UI преимуществ 00:11:13 - Кейс 1. Собственная визитка. Создание простого приложения исключительно на стандартных blocks PuzzleBot (картинки, карточки, магазин 2.0, модальное окно) 00:14:06 - Лайфхак: как сделать карточку в PuzzleBot на полную ширину экрана 00:14:46 - Кейс 2. Образовательная платформа «Мой бизнес развитие» для самозанятых. Разбор госзаказа, особенности сложной модерации анкет через админку и сбор отчетов 00:23:21 - Кейс 3. LMS-система (менторская программа по тестированию). Многоуровневое приложение со сменой статусов ученика, геймификацией, рейтингами и интеграцией с N8N и искусственным интеллектом для проверки отчетов 00:37:20 - Общие настройки мини-приложений в PuzzleBot: глобальное оформление, кастомизация стилей iOS/Android и работа с файлом-подсказкой в Figma 00:41:20 - Настройка шрифтов в мини-приложении и подключение Google Fonts 00:44:40 - Для чего нужны HTML-блоки в PuzzleBot, вывод массивов данных и создание кастомного функционала 00:49:05 - Вейбкодинг (Vibe coding): личный опыт Евгении, использование ИИ (ChatGPT, Cursor, Claude Code) для генерации фронтенда и преодоление синдрома отличницы 00:55:25 - Безопасность данных: почему HTML-блок должен быть только фронтендом, а весь бэкенд и расчеты — лежать в переменных и базах данных 00:59:44 - Как рассчитывать стоимость разработки мини-приложений: почасовая оплата, оценка по ТЗ и работа по договору 01:04:49 - Как регламентировать правки от заказчиков и почему важно давать фиксированное время на бесплатные доработки 01:06:50 - Как решать сложные технические задачи через комьюнити PuzzleBot и использование готовых решений с GitHub 01:10:29 - Инструмент «Подстановка с условием»: настройка вывода баннеров и экранов под определенные сценарии или категории пользователей 01:17:05 - Возможности проведения А/Б-тестирования интерфейса в мини-приложениях 01:18:26 - Завершение вебинара и подведение итогов Как создать бота и привязать его к сервису: https://youtu.be/5wJObs-Kg1Q PuzzleBot — веб-сервис для работы с ботами, каналами и группами в Telegram 🤖 ⠀ С конструктором https://t.me/puzzlebot ты сможешь создавать сложных ботов без знаний в программировании, а еще: — Отправлять рассылки по категориям — Добавлять приватные команды в боте — Выкладывать посты в каналы и группы с кнопками и реакциями — Редактировать отправленные сообщения в любое время — Просматривать подробную статистику — Модерировать любые аудитории — Создавать приветствие в группе И многое другое 🔥 ⠀ Попробуй бесплатно: https://puzzlebot.top/?y=web #telegram #телеграм #телеграмканал #какзарабатыватьвтелеграм #удаленнаяработа #работаонлайн #какзарабатыватьонлайн #каксоздатьбота #каксоздатьботавтелеграм #каксоздатьботавмакс #какстатьразработчиком
Конструктор ботов: https://puzzlebot.top/?y=web В данном видео мы рассмотрим: 00:00:00 - О Евгении Пролубниковой: личная история, автоматизация процессов, бэкграунд в менеджменте и госструктельствах 00:02:00 - Первое знакомство с ботами в Telegram (2017-2018 гг.) во время организации конференций 00:03:10 - Первый заказ на чат-бота в 2020 году для разгрузки горячей линии в Челябинске во время локдауна 00:04:58 - Возвращение к ботам после декрета, знакомство с платформой PuzzleBot и фокус на разработку мини-приложений 00:06:17 - Почему Евгения выбирает именно мини-приложения, а не классические чат-боты: сравнение форм ввода и UX/UI преимуществ 00:11:13 - Кейс 1. Собственная визитка. Создание простого приложения исключительно на стандартных blocks PuzzleBot (картинки, карточки, магазин 2.0, модальное окно) 00:14:06 - Лайфхак: как сделать карточку в PuzzleBot на полную ширину экрана 00:14:46 - Кейс 2. Образовательная платформа «Мой бизнес развитие» для самозанятых. Разбор госзаказа, особенности сложной модерации анкет через админку и сбор отчетов 00:23:21 - Кейс 3. LMS-система (менторская программа по тестированию). Многоуровневое приложение со сменой статусов ученика, геймификацией, рейтингами и интеграцией с N8N и искусственным интеллектом для проверки отчетов 00:37:20 - Общие настройки мини-приложений в PuzzleBot: глобальное оформление, кастомизация стилей iOS/Android и работа с файлом-подсказкой в Figma 00:41:20 - Настройка шрифтов в мини-приложении и подключение Google Fonts 00:44:40 - Для чего нужны HTML-блоки в PuzzleBot, вывод массивов данных и создание кастомного функционала 00:49:05 - Вейбкодинг (Vibe coding): личный опыт Евгении, использование ИИ (ChatGPT, Cursor, Claude Code) для генерации фронтенда и преодоление синдрома отличницы 00:55:25 - Безопасность данных: почему HTML-блок должен быть только фронтендом, а весь бэкенд и расчеты — лежать в переменных и базах данных 00:59:44 - Как рассчитывать стоимость разработки мини-приложений: почасовая оплата, оценка по ТЗ и работа по договору 01:04:49 - Как регламентировать правки от заказчиков и почему важно давать фиксированное время на бесплатные доработки 01:06:50 - Как решать сложные технические задачи через комьюнити PuzzleBot и использование готовых решений с GitHub 01:10:29 - Инструмент «Подстановка с условием»: настройка вывода баннеров и экранов под определенные сценарии или категории пользователей 01:17:05 - Возможности проведения А/Б-тестирования интерфейса в мини-приложениях 01:18:26 - Завершение вебинара и подведение итогов Как создать бота и привязать его к сервису: https://youtu.be/5wJObs-Kg1Q PuzzleBot — веб-сервис для работы с ботами, каналами и группами в Telegram 🤖 ⠀ С конструктором https://t.me/puzzlebot ты сможешь создавать сложных ботов без знаний в программировании, а еще: — Отправлять рассылки по категориям — Добавлять приватные команды в боте — Выкладывать посты в каналы и группы с кнопками и реакциями — Редактировать отправленные сообщения в любое время — Просматривать подробную статистику — Модерировать любые аудитории — Создавать приветствие в группе И многое другое 🔥 ⠀ Попробуй бесплатно: https://puzzlebot.top/?y=web #telegram #телеграм #телеграмканал #какзарабатыватьвтелеграм #удаленнаяработа #работаонлайн #какзарабатыватьонлайн #каксоздатьбота #каксоздатьботавтелеграм #каксоздатьботавмакс #какстатьразработчиком




