Пишем Бота для ОБУЧЕНИЯ и подготовки к СОБЕСЕДОВАНИЮ | telegram bot: Node.js + grammY
HTML-код
- Опубликовано: 1 июн 2024
- Интенсив "Игра на чистом JS: с нуля до деплоя":
pomazkovjs-hangman.ru/
⭐ Поддержать донатом: boosty.to/pomazkovjs/single-p...
➡️ questions.json: t.me/pomazkovjs/139
➡️ Текстовая версия: slc.tl/mcc1a
➡️ Облачный сервер для телеграм-бота: slc.tl/qrazf
Документация grammY: grammy.dev/
random-js: www.npmjs.com/package/random-js
Итоговый код: github.com/arseniypom/intrevi...
К концу этого видео у вас будет готовый телеграм бот на Node JS, вы поймете, как подготовиться к собеседованию во фронтенде эффектвно, ну а по ходу создания бота вы научитесь:
- Работать с двумя типами клавиатур
- Обрабатывать ошибки
- Реагировать на различные типы пользовательских событий
- Деплоить бота (публиковать его) на удалённом сервере
А также работать с документацией и правильно получать рандомное число в JS!
Приятного просмотра! 🔥
* ТАЙМ-КОДЫ:
00:00 Подготовка к собеседованию по фронтенду
00:22 Автоматизия обучения и повторения
00:38 Что будет уметь бот
00:57 Главная ценность бота
01:23 Чему вы научитесь
01:52 Как работают телеграм боты
02:50 Создаём тг-бота (BotFather)
03:55 Разворачиваем проект
07:16 Стартовый код: запуск бота
09:34 Реагирование на команды (bot.command)
12:17 Подключение nodemon
13:45 Реагирование на сообщения (bot.hears)
14:22 Обработка ошибок в grammY
15:41 Доработка команды start (grammY keyboard)
18:07 Обработка сообщений от пользователя
19:16 grammY InlineKeyboard
20:51 Обработка нажатия на InlineKeyboard
25:33 Добавление реальных вопросов
27:11 Выбор случайного вопроса по заданной теме
34:35 Формируем кнопки для вопросов
38:45 Доделываем обработчик callback_query
39:34 Находим ответ на вопрос по id
45:41 Фикс багов и готовый обработчик callback_query
48:07 Самостоятельная работа: случайный вопрос
48:30 Самостоятельная работа: решение
52:29 Заливаем бота на удаленный репозиторий GitHub
54:23 Деплой на удалённый репозиторий
01:01:50 Заключение
* СОЦ. СЕТИ:
👀 Instagram - / pomazkov.js
🚀 Telegram - t.me/pomazkovjs
* ОБО МНЕ:
Меня зовут Арсений Помазков, я - senior frontend-разработчик, начавший карьеру на американской фрилансе-бирже и прошедший путь от «стажёра» до «старшего разработчика».
Я обучился программированию самостоятельно, и моя цель - показать вам, что веб-разработка - это не только перспективно и востребовано, но и очень увлекательно 🔥
#функции #фронтенд #javascript #js
Спасибо за качественный контент) Хотелось бы добавить , работаю фронтенд разработчиком 1.5 года, твои видео в частности видео про let var const и замыкания помогли глубже разобраться в теме и уверенней отвечать на собеседованиях) Было бы классно если еще про контекст и промисы снял бы видео, очень хорошо объясняешь)
Арсений, давай побольше таких видосов. Понятное дело такие видосы редко собирают просмотры, но мне кажется повышать качество образования в РУ сегменте тоже хорошее дело)
За прикрепление документации тебе огромное человеческое спасибо)
Молодец, очень понятно и исходники есть! Класс, очень доходчево!
Спасибо за урок!
Полностью прошел его.
Когда закончил и запустил его на сервере, прям кайфанул 😄
Спасибо за отличный урок. Все понятно и приятно слушать.
Спасибо, супер, будет актуально асинх запросы на сторонние api и запись в Субд разобрать 🎉
Well done объясняешь четко по сути, снимай по больше видео
спасибо за видео, прекрасная тема!
Спасибо за крутой контент! Подскажи, а планируется видео про this? Если да, то когда?😀
Спасибо за старания. Все работает, как часы
От души, отличное видео.
Спасибо за качественный контент, очень доходчиво и понятно. Лайк + подписка!
Огромное спасибо!
Продолжай в том же духе!
Классно, спасибо
😊очень крутое видео, спасибо.
Очень круто и понятно!!!
А как на счет RestFullAPIs
или typescript?
great job, thank you so much for this work))
Побольше бы таких видео
хАрош - благодарю за контент
классно если еще про контекст и промисы будет видео
Спасибо за видео
спасибо большое!
повторил, все работает!)
Было бы классно посмотреть видео о том как правильно составить свое портфолио, резюме и т.д. для fronted-разработчика!
00:00 С вашими знаниями и опытом, это наверное очень давно было.. Недели три назад). Если без шуток, то лайк. Жирный. Такой со шкварками , ммм
Арсений, почаще бы видео 🥺
Стараюсь, но не всегда есть возможность и силы 🙌🏼
Здраствуйте, сразу обозначу , что я новичок, а почему мы не можем просто арендовать хостинг? зачем сервер? и сколько юзеров использующих этот бот одновременно, он выдержит?
Топ супер
Unknown error: TypeError: Cannot read properties of undefined (reading 'length') - у меня почему-то такая ошибка и случайный вопрос не запускается(
Пожалуйста, сними видос про промисы и асинхрон
💥💥💥
🔥 Интенсив: pomazkovjs-hangman.ru/
Не пропустить обновления:
🚀 tg - t.me/pomazkovjs
👀 IG - instagram.com/pomazkov.js
Привет) подскажите пожалуйста, как потом редактировать задеплоенного бота? просто пушить изменения на гитхаб? а оттуда заливать на сервер, как в видео?
Привет! Спасибо, что продублировал вопрос в наш чат в ТГ, там я быстрее вижу и отвечаю)
Если кому интересно, ответ тут: t.me/c/1868836498/2333
Это приватная группа?@@pomazkovjs
Заходишь на сервер. Гасишь прогу Ctrl-C. Делаешь git pull, чтобы подтянуть изменения. Для надежности можно удалить node_modules и переустановить пакеты командой npm install. Перезапускаешь.
можешь пожалуйста сказать какие зарплаты в фронтенде? а то все говорят слишком разные цифры, некоторые говорят выживать буду от зарплаты до зарплаты и через 3 года буду зарабатывать 1500 долларов, а некоторые говорят в первый же месяц буду от 800 а через 3 года окло 8000 долларов, я запутался
Стартовую ЗП сказать невозможно, они слишком отличается у всех. Я сам начинал на фрилансе и, чтобы получить первые заказы и набрать реальный опыт, работал почти бесплатно. Мне на тот момент это было ок, но такое подходит не всем. Вот дальше уже понятнее: мидл - это 1500-2500$, синьор - 3000-6000$, тим лид - 6000+.
Зависит от страны, компании, твоего тех скилла и умения торговаться про получении оффера. Но в любом случае 8000$ через три года - это что-то из области фантастики, я такие ЗП видел только у лидов 😅
Вот если б еще подключение было через вебкух а не полинг, было бы вообще огонь
У меня при первой запуске выходить Error : Empty token! Кто нибудь помогите что сделать?
Здравствуйте, подскажите пожалуйста, если сделал изменения и запушил их на гит, то что нужно делать дальше? Изменения сразу не вступают
Привет) получилось решить проблему?
@@madmax5946 Привет... Да я ждал ответа) пока не получилось
На сервере подтяните изменения из гита тип git pull, затем перустановите пакеты если нужно и перезапустите программу.
Очень сильно не хватает ссылки на финальный исходный код в описании. Не сразу удалось ее найти))
Добавил ссылку на репозиторий в описание 👆🏻
Когда то писал бота на PHP и в телеграм прописывал адрес сервера где лежит бот. Как телеграм работает с локальной машиной никак не пойму...
Так же как и любой другой rest api. Делает запросы на сервер телеграма и обрабатывает ответы.
А как сделать правильный ответ скрытым с помощью размытия внутри телеграм? Когда слово размыто , но по нажатию появляется?
Поскольку у нас уже включен режим HTML-разметки, можно спойлерный текст обернуть спаном:
spoiler
Вот здесь дока: core.telegram.org/bots/update56kabdkb12ibuisabdubodbasbdaosd
@@pomazkovjs огонь, благодарю!
А как сделать наоборот, чтобы бот не задавал вопросы, а давал заранее подготовленные ответы на конкретные вопросы?
Обсуждение в итоге перешло в чат в телеграме: t.me/+Hx6RaBT4Trw3ZjM6
В чате можно задать любые вопросы по фронту и получить помощь не только от меня, но и от других участников)
P.S. Спасибо за классный вопрос 🙌🏼
i don't know russian language, but i want this video, why can't i change subtitle to english in this video
хотим бота grammy + ReactJS
*Promosm*