Пост благодарности
Недавно завершился конкурс лучших стартапов и проектов России от ProductRadar, в котором участвовал мой бот-агрегатор.
Благодарю всех кто поддержал мой проект в конкурсе🍸
В том числе Indie Hackers и FRTVT with 👨💻 в поддержке моего проекта постом в своём канале.
Всех обнимаю и крепко жму руку 🤝
#aboutwebdev_личныйпроект #aboutwebdev_боты #aboutwebdev_itmeetupsbot
Недавно завершился конкурс лучших стартапов и проектов России от ProductRadar, в котором участвовал мой бот-агрегатор.
Благодарю всех кто поддержал мой проект в конкурсе
В том числе Indie Hackers и FRTVT with 👨💻 в поддержке моего проекта постом в своём канале.
Всех обнимаю и крепко жму руку 🤝
#aboutwebdev_личныйпроект #aboutwebdev_боты #aboutwebdev_itmeetupsbot
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
IT Meetups Bot
Бот-агрегатор IT-мероприятий
🔥1
Навигация по каналу
Для удобного поиска по постам канала я добавил теги по темам:
#aboutwebdev_js — про js
#aboutwebdev_css — про css
#aboutwebdev_html — про html
#aboutwebdev_личныйпроект — про личные проекты
#aboutwebdev_моярекомендация — мои рекомендации
#aboutwebdev_itmeetupsbot — про развитие бота-агрегатора IT-мероприятий (Проект закрыт)
#aboutwebdev_боты — про тг-ботов
#aboutwebdev_авторскаястатья — авторские статьи
#aboutwebdev_анонс — анонсы моих проектов, статей
#aboutwebdev_митап — мнение про посещенный митап
#aboutwebdev_блог — про развитие своего блога
#aboutwebdev_кодпен — мои поделки в кодпене
#aboutwebdev_опенсорс — вклад в опенсорс
#aboutwebdev_обо_мне — кратко о себе
#aboutwebdev_мнение — мое мнение
#aboutwebdev_веб — про веб
#aboutwebdev_конфиги — делюсь конфигами и сборками
#aboutwebdev_sass_scss — про препроцессор sass/scss
#aboutwebdev_tgbotstats — про развитие npm-пакета для сбора статистики во взаимодействии с тг-ботом
#aboutwebdev_сотрудничество — сотрудничество с каналами, мероприятиями и все такое
#aboutwebdev_мем — мемы
Со временем список будет пополняться😎
Для удобного поиска по постам канала я добавил теги по темам:
#aboutwebdev_js — про js
#aboutwebdev_css — про css
#aboutwebdev_html — про html
#aboutwebdev_личныйпроект — про личные проекты
#aboutwebdev_моярекомендация — мои рекомендации
#aboutwebdev_itmeetupsbot — про развитие бота-агрегатора IT-мероприятий (Проект закрыт)
#aboutwebdev_боты — про тг-ботов
#aboutwebdev_авторскаястатья — авторские статьи
#aboutwebdev_анонс — анонсы моих проектов, статей
#aboutwebdev_митап — мнение про посещенный митап
#aboutwebdev_блог — про развитие своего блога
#aboutwebdev_кодпен — мои поделки в кодпене
#aboutwebdev_опенсорс — вклад в опенсорс
#aboutwebdev_обо_мне — кратко о себе
#aboutwebdev_мнение — мое мнение
#aboutwebdev_веб — про веб
#aboutwebdev_конфиги — делюсь конфигами и сборками
#aboutwebdev_sass_scss — про препроцессор sass/scss
#aboutwebdev_tgbotstats — про развитие npm-пакета для сбора статистики во взаимодействии с тг-ботом
#aboutwebdev_сотрудничество — сотрудничество с каналами, мероприятиями и все такое
#aboutwebdev_мем — мемы
Со временем список будет пополняться
Please open Telegram to view this post
VIEW IN TELEGRAM
13👍1
Выбираем лого
Важно ваше мнение по поводу лого.
Ниже оставьте свой голос за лого, которое вам больше понравилось.
Если есть свои идеи, то напиши их в комментариях!
Благодарю!
Важно ваше мнение по поводу лого.
Ниже оставьте свой голос за лого, которое вам больше понравилось.
Если есть свои идеи, то напиши их в комментариях!
Благодарю!
Возвращение на текущую страницу в боте
Предыстория
В первой версии бота при возвращении к списку событий переход всегда был на первую страницу.
Я задумался: как мне реализовать возвращение на ту страницу, на которой находится событие?
И ко мне пришла идея! Сейчас поделюсь ею с вами!
Идея
У каждого события есть id-команда, чтобы при клике по ней отображалась информация о событии.
К примеру, /msk_m_1802.
Через регулярку я беру отдельные части id-команды, чтобы взаимодействовать с БД и функционалом бота.
msk — это id города, в котором проходит событие. Этот id я передаю в callback_data кнопки "К списку мероприятий", чтобы вернуться к списку событий, проходящих в Москве.
1802 — это id события, которое я передаю для его поиска в БД, чтобы отобразить актуальную информацию о нем.
Я добавил номер страницы и теперь id-команда выглядит так: /msk_2_m_1802
2 — это номер страницы, на которой находится событие. Соответственно, ее я передаю в callback_data кнопки "К списку мероприятий", чтобы вернуться на ту страницу, на которой находилось мероприятие.
Как это реализовано в коде
Блок-схема
Ниже прикрепляю блок-схему реализации функционала возвращения на страницу.
Теперь событие может находиться даже на 100 странице и пользователь может сразу вернуться на ту же страницу после просмотра информации!
Всем кода без легаси и багов!
#aboutwebdev_itmeetupsbot #aboutwebdev_боты
Предыстория
В первой версии бота при возвращении к списку событий переход всегда был на первую страницу.
Я задумался: как мне реализовать возвращение на ту страницу, на которой находится событие?
И ко мне пришла идея! Сейчас поделюсь ею с вами!
Идея
У каждого события есть id-команда, чтобы при клике по ней отображалась информация о событии.
К примеру, /msk_m_1802.
Через регулярку я беру отдельные части id-команды, чтобы взаимодействовать с БД и функционалом бота.
msk — это id города, в котором проходит событие. Этот id я передаю в callback_data кнопки "К списку мероприятий", чтобы вернуться к списку событий, проходящих в Москве.
1802 — это id события, которое я передаю для его поиска в БД, чтобы отобразить актуальную информацию о нем.
Я добавил номер страницы и теперь id-команда выглядит так: /msk_2_m_1802
2 — это номер страницы, на которой находится событие. Соответственно, ее я передаю в callback_data кнопки "К списку мероприятий", чтобы вернуться на ту страницу, на которой находилось мероприятие.
Как это реализовано в коде
handleItemButtons.js
await bot.onText(/\/(\w+)\_(\d+)\_m\_(\d+)/, async (msg, match) => { // обрабатываем нажатие на id-команду /msk_2_m_1802
city = match[1]; // id города
currentPage = Number(match[2]); // страница, на которой находилось событие в списке
idItem = Number(match[3]); // id события
showItem(bot, msg, city, idItem, currentPage); // функция для отображения информации о событии
});
await bot.on("callback_query", async function onCallbackQuery(callbackQuery) {
const regexpToMeetups = /^toMeetups\_(\w+)\_(\d+)/; // регулярка, чтобы бот понимал какая кнопка была нажата
if (data.match(regexpToMeetups)) {
city = data.match(regexpToMeetups)[1];
currentPage = Number(data.match(regexpToMeetups)[2]);
}
if (regexpToMeetups.test(data)) {
await showList(bot, chatId, messageId, city, username, currentPage); // функция для отображения списка событий
}
});
showItem.js
await bot.sendMessage(HELPERS.getChatId(msg), messages, {
reply_markup: {
inline_keyboard: itemKeyboard(city, currentPage), // передается id города и номер страницы с событием для кнопки "К списку мероприятий"
},
});
itemKeyboard.js
[
[
{
text: "К списку мероприятий",
callback_data: `toMeetups_${city}_${currentPage}`,
},
],
];
Блок-схема
Ниже прикрепляю блок-схему реализации функционала возвращения на страницу.
Теперь событие может находиться даже на 100 странице и пользователь может сразу вернуться на ту же страницу после просмотра информации!
Всем кода без легаси и багов!
#aboutwebdev_itmeetupsbot #aboutwebdev_боты
100👍1
Телеграм бот для создания своего списка желаний
Предыстория
Осенью прошлого года я написал телеграм бота для создания списка желаний.
При запуске создавался json-файл, в который записывались желания.
С того времени мои знания пополнились многими интересными решениями, которые мне захотелось применить в этом боте.
Сегодня я представляю вашему вниманию телеграм бота с созданием БД для записи своих желаний.
Что нового
При запуске теперь создается папка database в структуре проекта с файлом БД.
Добавил просмотр информации желания через команду.
Также было добавлено последовательное заполнение информации о желании: сначала добавляется ссылка, потом название желания.
Изменилась структура проекта. Стало проще ориентироваться по ней.
Исходный код
Исходный код проекта с БД: https://github.com/sqlzzy/wishlist-tg-bot-db
Исходный код проекта с JSON: https://github.com/sqlzzy/wishlist-telegram-bot
#aboutwebdev_личныйпроект #aboutwebdev_боты #aboutwebdev_опенсорс
Предыстория
Осенью прошлого года я написал телеграм бота для создания списка желаний.
При запуске создавался json-файл, в который записывались желания.
С того времени мои знания пополнились многими интересными решениями, которые мне захотелось применить в этом боте.
Сегодня я представляю вашему вниманию телеграм бота с созданием БД для записи своих желаний.
Что нового
При запуске теперь создается папка database в структуре проекта с файлом БД.
Добавил просмотр информации желания через команду.
Также было добавлено последовательное заполнение информации о желании: сначала добавляется ссылка, потом название желания.
Изменилась структура проекта. Стало проще ориентироваться по ней.
Исходный код
Исходный код проекта с БД: https://github.com/sqlzzy/wishlist-tg-bot-db
Исходный код проекта с JSON: https://github.com/sqlzzy/wishlist-telegram-bot
#aboutwebdev_личныйпроект #aboutwebdev_боты #aboutwebdev_опенсорс
12👍1
Анонсы
Про логотип
Недавно проходил опрос по выбору логотипа.
Одинаковое количество голосов в опросе и по реакциям в комментариях набрали два логотипа.
Я выбрал из них вариант Ивана. Крутой олдскульный логотип!
Скоро выйдут
В ближайшее время выйдут:
- крупное обновление бота для составления списков желаний;
- мой новый проект;
Конкурс
К выходу нового проекта будет конкурс! Подробнее о нём я напишу в понедельник.
#aboutwebdev_анонс
Про логотип
Недавно проходил опрос по выбору логотипа.
Одинаковое количество голосов в опросе и по реакциям в комментариях набрали два логотипа.
Я выбрал из них вариант Ивана. Крутой олдскульный логотип!
Скоро выйдут
В ближайшее время выйдут:
- крупное обновление бота для составления списков желаний;
- мой новый проект;
Конкурс
К выходу нового проекта будет конкурс! Подробнее о нём я напишу в понедельник.
#aboutwebdev_анонс
👍2🔥2🤯1
Я решил пока отменить текущий конкурс. Проведу его после новогодней суеты.
Но без подарков перед новым годом всё равно не останетесь!
Анонс будет в ближайшее время🍸
Но без подарков перед новым годом всё равно не останетесь!
Анонс будет в ближайшее время
Please open Telegram to view this post
VIEW IN TELEGRAM
100👍1🤯1
Обновление бота для создания своего списка желаний
Сразу после выхода поста про бота для списка желаний у меня появилось несколько идей, как его можно ещё улучшить и добавить новые функции.
Теперь я готов поделиться последними изменениями и новыми возможностями.
Обновления
Распишу изменения по пунктам.
1) Добавлены кнопки "Поделиться списком", "Поделиться всем списком", "Поделиться"
"Поделиться списком" — позволяет делиться списком желаний текущей страницы.
"Поделиться всем списком" — позволяет делиться полным списком желаний.
"Поделиться" — позволяет делиться отдельным желанием.
P.S. Благодарю Лену за идею с репостами в комментариях.🥂
2) Переработано добавление нового желания
Ранее нельзя было добавить желание без ссылки, и я сразу взялся это исправлять. Теперь на первом шаге нужно добавить заголовок, а затем по желанию — ссылку. Чтобы добавить ссылку достаточно нажать на соответствующую кнопку и ввести её.
Такое пошаговое добавление информации — уникальная функция, которой пока нет ни в одном другом моём боте. Рад, что удалось реализовать эту задумку.
3) Изменение информации
Теперь работать с добавленным желанием стало удобнее:
- вы можете менять заголовок или ссылку, не удаляя желание и не создавая новое;
- если ссылка изначально не была добавлена, её можно указать через функцию редактирования;
- при изменении заголовка или ссылки отображается информация о том, что было изменено: показываются старый и новый заголовок или ссылка, чтобы вы могли видеть, какие изменения были внесены.
4) Улучшенная навигация
Навигация стала более логичной и удобной:
- если вы находитесь в меню изменения информации желания, нажатие кнопки "Назад" отменит действие и вернёт вас в меню самого желания;
- при добавлении желания также можно отменить действие и вернуться в главное меню, нажав на кнопку "Отмена".
5) Информация при репосте списка или желания
Теперь при репосте списка или отдельного желания будет отображаться вся информация:
- статус желания (исполнено или не исполнено);
- заголовок;
- ссылка.
Исходный код
Код проекта с БД: https://github.com/sqlzzy/wishlist-tg-bot-db
#aboutwebdev_личныйпроект #aboutwebdev_боты #aboutwebdev_опенсорс
Сразу после выхода поста про бота для списка желаний у меня появилось несколько идей, как его можно ещё улучшить и добавить новые функции.
Теперь я готов поделиться последними изменениями и новыми возможностями.
Обновления
Распишу изменения по пунктам.
1) Добавлены кнопки "Поделиться списком", "Поделиться всем списком", "Поделиться"
"Поделиться списком" — позволяет делиться списком желаний текущей страницы.
"Поделиться всем списком" — позволяет делиться полным списком желаний.
"Поделиться" — позволяет делиться отдельным желанием.
P.S. Благодарю Лену за идею с репостами в комментариях.
2) Переработано добавление нового желания
Ранее нельзя было добавить желание без ссылки, и я сразу взялся это исправлять. Теперь на первом шаге нужно добавить заголовок, а затем по желанию — ссылку. Чтобы добавить ссылку достаточно нажать на соответствующую кнопку и ввести её.
Такое пошаговое добавление информации — уникальная функция, которой пока нет ни в одном другом моём боте. Рад, что удалось реализовать эту задумку.
3) Изменение информации
Теперь работать с добавленным желанием стало удобнее:
- вы можете менять заголовок или ссылку, не удаляя желание и не создавая новое;
- если ссылка изначально не была добавлена, её можно указать через функцию редактирования;
- при изменении заголовка или ссылки отображается информация о том, что было изменено: показываются старый и новый заголовок или ссылка, чтобы вы могли видеть, какие изменения были внесены.
4) Улучшенная навигация
Навигация стала более логичной и удобной:
- если вы находитесь в меню изменения информации желания, нажатие кнопки "Назад" отменит действие и вернёт вас в меню самого желания;
- при добавлении желания также можно отменить действие и вернуться в главное меню, нажав на кнопку "Отмена".
5) Информация при репосте списка или желания
Теперь при репосте списка или отдельного желания будет отображаться вся информация:
- статус желания (исполнено или не исполнено);
- заголовок;
- ссылка.
Исходный код
Код проекта с БД: https://github.com/sqlzzy/wishlist-tg-bot-db
#aboutwebdev_личныйпроект #aboutwebdev_боты #aboutwebdev_опенсорс
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Канал Серёжи про webdev
Телеграм бот для создания своего списка желаний
Предыстория
Осенью прошлого года я написал телеграм бота для создания списка желаний.
При запуске создавался json-файл, в который записывались желания.
С того времени мои знания пополнились многими интересными…
Предыстория
Осенью прошлого года я написал телеграм бота для создания списка желаний.
При запуске создавался json-файл, в который записывались желания.
С того времени мои знания пополнились многими интересными…
👍2
Ваше мнение
Напишите свое мнение по каналу: что нравится, чего не хватает и что можно добавить?
Буду рад прочитать ваши мнение и пожелания!
Конкурс среди комментаторов
30 декабря среди комментаторов рандом выберет трех человек, которым подарю 300 звезд каждому.
Пост с результатами будет после выбора рандома.
Таков подарок к новому году от админа канала🍸
Напишите свое мнение по каналу: что нравится, чего не хватает и что можно добавить?
Буду рад прочитать ваши мнение и пожелания!
Конкурс среди комментаторов
30 декабря среди комментаторов рандом выберет трех человек, которым подарю 300 звезд каждому.
Пост с результатами будет после выбора рандома.
Таков подарок к новому году от админа канала
Please open Telegram to view this post
VIEW IN TELEGRAM
Про 2024 год
Год был волнообразным и насыщенным на события.
Более подробно написал про 2024 год в заметках: https://sqlzzy.dev/notes/2024.html
Она же и первая заметка в моем блоге!⌨️
Всех с наступающим и с Новым годом! 🎄
#aboutwebdev_блог #aboutwebdev_обо_мне
Год был волнообразным и насыщенным на события.
Более подробно написал про 2024 год в заметках: https://sqlzzy.dev/notes/2024.html
Она же и первая заметка в моем блоге!
Всех с наступающим и с Новым годом! 🎄
#aboutwebdev_блог #aboutwebdev_обо_мне
Please open Telegram to view this post
VIEW IN TELEGRAM
sqlzzy.dev
Про 2024
Осипов Сергей | Разработчик интерфейсов | Заметки | Про 2024
👍2🔥2
Руководства и статьи по TypeScript
С нового года начал плотно изучать TypeScript и его основы основ.
По велению судьбы сразу наткнулся на статью из пяти частей с кратким описанием и примерами основных моментов TypeScript.
Первая, вторая, третья, четвертая и пятая части.
Далее нашел еще пару интересных ресурсов: руководство на русском языке и карманный справочник.
В руководстве на русском языке есть еще книга и статьи для более глубокого изучения и JS, и TS.
А в карманном справочнике можно ознакомиться с другими руководствами по языкам программирования.
Все описанные статьи и руководства добавлены на страницу с полезностями: https://library.sqlzzy.dev/
На странице можно найти много ссылок с руководствами, статьями, плейлистами и ресурсами для вдохновения!
Она активно пополняется новинками!
Добавляйте страницу в закладки!
#aboutwebdev_моярекомендация
С нового года начал плотно изучать TypeScript и его основы основ.
По велению судьбы сразу наткнулся на статью из пяти частей с кратким описанием и примерами основных моментов TypeScript.
Первая, вторая, третья, четвертая и пятая части.
Далее нашел еще пару интересных ресурсов: руководство на русском языке и карманный справочник.
В руководстве на русском языке есть еще книга и статьи для более глубокого изучения и JS, и TS.
А в карманном справочнике можно ознакомиться с другими руководствами по языкам программирования.
Все описанные статьи и руководства добавлены на страницу с полезностями: https://library.sqlzzy.dev/
На странице можно найти много ссылок с руководствами, статьями, плейлистами и ресурсами для вдохновения!
Она активно пополняется новинками!
Добавляйте страницу в закладки!
#aboutwebdev_моярекомендация
🔥2
Обновления IT Meetups Bot
В течение часа выйдет новое обновление для IT Meetups Bot — бота-агрегатора IT-мероприятий. Расскажу подробнее о новых функциях и изменениях.
Новые функции
1) Список всех мероприятий
Теперь появилась возможность просмотреть мероприятия из всех городов сразу! Идею вывода полного списка событий предложил Зар.
2) Обновленная структура краткой информации
В краткой информации о мероприятии (которая отображается в списке) теперь указаны формат и стоимость билета — чтобы вам было удобнее выбирать.
3) Улучшенная сортировка
Мероприятия теперь сортируются корректно — строго по дате и времени проведения. Больше никакого хаоса!
4) Новые города
География расширяется! По предложению Зара в список добавлены новые города: Челябинск, Пермь, Екатеринбург, Новосибирск и Ульяновск.
5) Кнопка "Поддержать"
Теперь вы можете поддержать проект и мой труд через платформу Boosty.
Что дальше?
Работа над новыми функциями уже ведется. Совсем скоро поделюсь с вами еще большим количеством обновлений!
P.S. Спасибо Зару за ценные идеи и вклад в развитие IT Meetups Bot!😎
#aboutwebdev_itmeetupsbot #aboutwebdev_личныйпроект #aboutwebdev_боты
В течение часа выйдет новое обновление для IT Meetups Bot — бота-агрегатора IT-мероприятий. Расскажу подробнее о новых функциях и изменениях.
Новые функции
1) Список всех мероприятий
Теперь появилась возможность просмотреть мероприятия из всех городов сразу! Идею вывода полного списка событий предложил Зар.
2) Обновленная структура краткой информации
В краткой информации о мероприятии (которая отображается в списке) теперь указаны формат и стоимость билета — чтобы вам было удобнее выбирать.
3) Улучшенная сортировка
Мероприятия теперь сортируются корректно — строго по дате и времени проведения. Больше никакого хаоса!
4) Новые города
География расширяется! По предложению Зара в список добавлены новые города: Челябинск, Пермь, Екатеринбург, Новосибирск и Ульяновск.
5) Кнопка "Поддержать"
Теперь вы можете поддержать проект и мой труд через платформу Boosty.
Что дальше?
Работа над новыми функциями уже ведется. Совсем скоро поделюсь с вами еще большим количеством обновлений!
P.S. Спасибо Зару за ценные идеи и вклад в развитие IT Meetups Bot!
#aboutwebdev_itmeetupsbot #aboutwebdev_личныйпроект #aboutwebdev_боты
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
IT Meetups Bot
Бот-агрегатор IT-мероприятий
🔥2👍1