Пишем Бота для ОБУЧЕНИЯ и подготовки к СОБЕСЕДОВАНИЮ

Пишем Бота для ОБУЧЕНИЯ и подготовки к СОБЕСЕДОВАНИЮ | telegram bot: Node.js + grammY

Рет қаралды 9,914

Күн бұрын

Интенсив "Игра на чистом 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

Пікірлер: 64

@user-rp2ml8ek7o 8 ай бұрын

Спасибо за качественный контент) Хотелось бы добавить , работаю фронтенд разработчиком 1.5 года, твои видео в частности видео про let var const и замыкания помогли глубже разобраться в теме и уверенней отвечать на собеседованиях) Было бы классно если еще про контекст и промисы снял бы видео, очень хорошо объясняешь)

@user-px6bp3cr4l 17 күн бұрын

Спасибо большое, узнал много нового, хотелось бы побольше видео о создании телеграмм-ботов.

@aksh2161 5 ай бұрын

За прикрепление документации тебе огромное человеческое спасибо)

@RyuganGarianto 5 ай бұрын

Спасибо за отличный урок. Все понятно и приятно слушать.

@rootadmin4546 6 ай бұрын

Молодец, очень понятно и исходники есть! Класс, очень доходчево!

@drdev_blog 5 ай бұрын

Спасибо, супер, будет актуально асинх запросы на сторонние api и запись в Субд разобрать 🎉

@AsaAlexa 7 ай бұрын

Well done объясняешь четко по сути, снимай по больше видео

@mansurv8782 5 ай бұрын

Спасибо за урок! Полностью прошел его. Когда закончил и запустил его на сервере, прям кайфанул 😄

@diggerdog001 8 ай бұрын

Арсений, давай побольше таких видосов. Понятное дело такие видосы редко собирают просмотры, но мне кажется повышать качество образования в РУ сегменте тоже хорошее дело)

@helenali5107 Ай бұрын

Спасибо за качественный контент, очень доходчиво и понятно. Лайк + подписка!

@toohe 6 ай бұрын

спасибо за видео, прекрасная тема!

@shamilzagirov4401 8 ай бұрын

Спасибо за старания. Все работает, как часы

@spacecow6oy622 8 ай бұрын

От души, отличное видео.

@user-xq1eu3sc3e 8 ай бұрын

great job, thank you so much for this work))

@spacecow6oy622 8 ай бұрын

Продолжай в том же духе!

@Ramosok 4 ай бұрын

😊очень крутое видео, спасибо.

@kixxgopro 7 ай бұрын

Классно, спасибо

@frekbysib 5 ай бұрын

Огромное спасибо!

@user-qm1ky4cy7x 8 ай бұрын

Спасибо за крутой контент! Подскажи, а планируется видео про this? Если да, то когда?😀

@2insidefree 4 ай бұрын

хАрош - благодарю за контент классно если еще про контекст и промисы будет видео

@whitemartini8292 8 ай бұрын

Побольше бы таких видео

@YuraKozyrenko 5 ай бұрын

Спасибо за видео

@pahaivanov1611 8 ай бұрын

повторил, все работает!)

@aidais9793 7 ай бұрын

спасибо большое!

@faruhiuuu6015 6 ай бұрын

Очень круто и понятно!!! А как на счет RestFullAPIs или typescript?

@user-zq9mn9kz1g 7 ай бұрын

Было бы классно посмотреть видео о том как правильно составить свое портфолио, резюме и т.д. для fronted-разработчика!

@alexjohnson4270 8 ай бұрын

00:00 С вашими знаниями и опытом, это наверное очень давно было.. Недели три назад). Если без шуток, то лайк. Жирный. Такой со шкварками , ммм

@cape4129 3 ай бұрын

Топ супер

@whitemartini8292 8 ай бұрын

Арсений, почаще бы видео 🥺

@pomazkovjs 8 ай бұрын

Стараюсь, но не всегда есть возможность и силы 🙌🏼

@user-hj6vj4fb3z 8 ай бұрын

💥💥💥

@user-yp6os3oe3i 7 ай бұрын

Пожалуйста, сними видос про промисы и асинхрон

@colodatwin3102 8 ай бұрын

Здраствуйте, сразу обозначу , что я новичок, а почему мы не можем просто арендовать хостинг? зачем сервер? и сколько юзеров использующих этот бот одновременно, он выдержит?

@evgeniykolmak5459 3 ай бұрын

Вот если б еще подключение было через вебкух а не полинг, было бы вообще огонь

@evgeniyd4243 4 ай бұрын

Unknown error: TypeError: Cannot read properties of undefined (reading 'length') - у меня почему-то такая ошибка и случайный вопрос не запускается(

@madmax5946 6 ай бұрын

Привет) подскажите пожалуйста, как потом редактировать задеплоенного бота? просто пушить изменения на гитхаб? а оттуда заливать на сервер, как в видео?

@pomazkovjs 6 ай бұрын

Привет! Спасибо, что продублировал вопрос в наш чат в ТГ, там я быстрее вижу и отвечаю) Если кому интересно, ответ тут: t.me/c/1868836498/2333

@mansurv8782 5 ай бұрын

Это приватная группа?@@pomazkovjs

@selub1058 Ай бұрын

Заходишь на сервер. Гасишь прогу Ctrl-C. Делаешь git pull, чтобы подтянуть изменения. Для надежности можно удалить node_modules и переустановить пакеты командой npm install. Перезапускаешь.

@enriozmanovi 8 ай бұрын

можешь пожалуйста сказать какие зарплаты в фронтенде? а то все говорят слишком разные цифры, некоторые говорят выживать буду от зарплаты до зарплаты и через 3 года буду зарабатывать 1500 долларов, а некоторые говорят в первый же месяц буду от 800 а через 3 года окло 8000 долларов, я запутался

@pomazkovjs 8 ай бұрын

Стартовую ЗП сказать невозможно, они слишком отличается у всех. Я сам начинал на фрилансе и, чтобы получить первые заказы и набрать реальный опыт, работал почти бесплатно. Мне на тот момент это было ок, но такое подходит не всем. Вот дальше уже понятнее: мидл - это 1500-2500$, синьор - 3000-6000$, тим лид - 6000+. Зависит от страны, компании, твоего тех скилла и умения торговаться про получении оффера. Но в любом случае 8000$ через три года - это что-то из области фантастики, я такие ЗП видел только у лидов 😅

@rav6732 4 ай бұрын

У меня при первой запуске выходить Error : Empty token! Кто нибудь помогите что сделать?

@user-nk8pq1hc4e 6 ай бұрын

Здравствуйте, подскажите пожалуйста, если сделал изменения и запушил их на гит, то что нужно делать дальше? Изменения сразу не вступают

@madmax5946 6 ай бұрын

Привет) получилось решить проблему?

@user-nk8pq1hc4e 6 ай бұрын

@@madmax5946 Привет... Да я ждал ответа) пока не получилось

@selub1058 Ай бұрын

На сервере подтяните изменения из гита тип git pull, затем перустановите пакеты если нужно и перезапустите программу.

@alex_kobelev 8 ай бұрын

Очень сильно не хватает ссылки на финальный исходный код в описании. Не сразу удалось ее найти))

@pomazkovjs 8 ай бұрын

Добавил ссылку на репозиторий в описание 👆🏻

@mit1a 5 ай бұрын

Когда то писал бота на PHP и в телеграм прописывал адрес сервера где лежит бот. Как телеграм работает с локальной машиной никак не пойму...

@selub1058 Ай бұрын

Так же как и любой другой rest api. Делает запросы на сервер телеграма и обрабатывает ответы.

@user-gv7tl8lb3b 7 ай бұрын

А как сделать наоборот, чтобы бот не задавал вопросы, а давал заранее подготовленные ответы на конкретные вопросы?

@pomazkovjs 7 ай бұрын

Обсуждение в итоге перешло в чат в телеграме: t.me/+Hx6RaBT4Trw3ZjM6 В чате можно задать любые вопросы по фронту и получить помощь не только от меня, но и от других участников) P.S. Спасибо за классный вопрос 🙌🏼

@nadvoodoo2871 7 ай бұрын

А как сделать правильный ответ скрытым с помощью размытия внутри телеграм? Когда слово размыто , но по нажатию появляется?

@pomazkovjs 7 ай бұрын

Поскольку у нас уже включен режим HTML-разметки, можно спойлерный текст обернуть спаном: spoiler Вот здесь дока: core.telegram.org/bots/update56kabdkb12ibuisabdubodbasbdaosd

@nadvoodoo2871 7 ай бұрын

@@pomazkovjs огонь, благодарю!