Создаем Telegram Mini App на Angular 17. С нуля до продакшн деплоя

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024

ความคิดเห็น • 118

  • @VladilenMinin
    @VladilenMinin  9 หลายเดือนก่อน +8

    Облачный сервер для телеграм-приложения: slc.tl/52l7m
    Текстовая инструкция: slc.tl/hz0rh

  • @SCP2609
    @SCP2609 หลายเดือนก่อน +3

    Побольше бы таких туториалов в разных сферах!
    Все четко и понятно😁

  • @genodiy
    @genodiy หลายเดือนก่อน +1

    Спасибо большое! Видео просто чудесное, приятный голос и максимальная понятность очень помогают всё посмотреть и реализовать!

  • @Андрюхаслазерки
    @Андрюхаслазерки 8 หลายเดือนก่อน +6

    Побольше бы контента по Angular. Лайк поставил.

  • @MrRiseful
    @MrRiseful 9 หลายเดือนก่อน +39

    Лайк за Angular!

    • @VladilenMinin
      @VladilenMinin  9 หลายเดือนก่อน +20

      лайк за лайк к ангуляру

  • @Bukwau
    @Bukwau 9 หลายเดือนก่อน +2

    Спасибо за урок! На vue это гораздо легче, а про angular было интересно послушать и посмотреть)

  • @maratgumerov4375
    @maratgumerov4375 9 หลายเดือนก่อน +2

    Огонь! Думал, что освою видео в несколько приемов, но залип и просмотрел на одном дыхании.

  • @Randomname-bp5ti
    @Randomname-bp5ti 2 หลายเดือนก่อน +1

    C++ и Java. Друзья заставили писать фронт. Спасибо тебе за то что ты есть. Спас.

  • @wrlimit
    @wrlimit 9 หลายเดือนก่อน +6

    Как только вышел свежий ангуляр, сразу подумал, что теперь нужно дождаться хорошего обзора от Владилена, и вот с утра такая новость! Лайк вперёд и спасибо за твой контент, сегодня вечером смотрю!

  • @serenitiSever
    @serenitiSever 9 หลายเดือนก่อน +6

    😉Классная подача, Владилен.
    Как раз думал о том, как это можно реализовать на Angular.
    Ясность внесена, время сэкономлено. Респект и уважение.

  • @dinliri472
    @dinliri472 9 หลายเดือนก่อน +1

    Мне нравятся твои видео. С точки зрения быстрого ознакомления с новыми для меня технологиями - то, что нужно.

  • @vic_shine
    @vic_shine 3 หลายเดือนก่อน +1

    Спасибо за видео! Было бы круто такой же подробный разбор и про VK Mini Apps 😊 а еще если на новом Angular 18 - вообще красота была бы 😅

  • @SohrabBaqtiari
    @SohrabBaqtiari 3 หลายเดือนก่อน +2

    I did not understand the Russian language, but you are a good teacher, my good friend
    Thank you for this tutorial

    • @EatSomeBread123
      @EatSomeBread123 3 หลายเดือนก่อน

      Use auto generated subtitles, it's good

  • @riyazvagapov1449
    @riyazvagapov1449 9 หลายเดือนก่อน +1

    никогда не писал на angular. Но на первый взгляд он мне очень сильно напомнил blazor со всеми этими инъекциями и движком представлений. Лично сам пользуюсь react

  • @krakanosh
    @krakanosh 7 หลายเดือนก่อน +5

    Сделай пожалуйста видос по electron js, очень интересно было бы...👍👍👍

    • @nik55580
      @nik55580 7 หลายเดือนก่อน

      Полностью поддерживаю

  • @МихаилБар-г7ь
    @МихаилБар-г7ь 5 หลายเดือนก่อน +2

    Все таки интересно как заставить кнопку назад работать. Пробовал много вариантов, но не отрабатывает корректно

  • @konstantinov_it
    @konstantinov_it 9 หลายเดือนก่อน +1

    Уже 17 Angular. С ума сойти как время летит!

  • @roma_fek
    @roma_fek 9 หลายเดือนก่อน +5

    Ура ангуляр!

  • @omit_code_bugs
    @omit_code_bugs 8 หลายเดือนก่อน +1

    Шикарный туториал, спасибо!

  • @alexl7345
    @alexl7345 6 หลายเดือนก่อน +2

    Владилен, подскажи, когда планируется обновление курса по ангуляр? К своему стыду скажу, что скачал из инета твой старый курс несколько лет назад и прошел его. Но потом долгое время не разрабатывал на ангуляре, а сейчас вновь появилась необходимость в разработке на ангуляр, но я уже часть изученного забыл + новые фичи появились. Было бы здорово приобрести курс в прежнем формате, но с учетом нововведений платформы.

  • @ArgumentX1
    @ArgumentX1 6 หลายเดือนก่อน +1

    Как сделать, чтобы боковой свайп не закрывал miniapp приложение, а делал шаг назад в самом приложении?

  • @РоманСимонов-в2о
    @РоманСимонов-в2о 9 หลายเดือนก่อน +3

    Годноту подвезли!

  • @MrGDCool
    @MrGDCool หลายเดือนก่อน +1

    Добрый день)
    Момент с SSL не понял. Когда деплоишь приложение на firebase, он автоматом дает доступ через защищенное соединение? Самостоятельно не нужно подписывать сертификаты?

    • @MrGDCool
      @MrGDCool หลายเดือนก่อน

      разобрался. Да, Firebase автоматически предоставляет защищённое соединение. Круто 👍

  • @jmksm
    @jmksm 9 หลายเดือนก่อน +4

    Блин, без стрикта больно смотреть. Реактивности мало (

  • @Gimmegimmeyo
    @Gimmegimmeyo 9 หลายเดือนก่อน +3

    Класс!!❤

  • @AlexKato-y7k
    @AlexKato-y7k 2 หลายเดือนก่อน +1

    ngrok пробросит локальный хост в большой интернет без деплоя + решит проблему SSL

  • @elevaalex1225
    @elevaalex1225 9 หลายเดือนก่อน +1

    Видос понравился. Было интересно. Правда толком нихуя не понятно, но это потому что мой уровень не дотягивает до таких вещей. Я мог бы повторить, но шаг влево, шаг вправо уже тяжело. Я делаю сайты на заказ, в основном одностраничники. Понимаю html, css, js и основы php.

  • @anzor3219
    @anzor3219 5 หลายเดือนก่อน +1

    лайк за Ангуляр! но почему ушел с webstorm ?)

    • @karjicohd1m0nd
      @karjicohd1m0nd 4 หลายเดือนก่อน

      потому что оно лагает в последних релизах

  • @ZenithDreamscape
    @ZenithDreamscape 9 หลายเดือนก่อน +1

    Занимаюсь беком, хочу выучить html, css, было бы круто если бы ты выпустил курс по html, css

    • @VladilenMinin
      @VladilenMinin  9 หลายเดือนก่อน +1

      Они есть на канале

    • @ZenithDreamscape
      @ZenithDreamscape 9 หลายเดือนก่อน

      увидил, спасибо большое@@VladilenMinin

  • @frontend_coder
    @frontend_coder 9 หลายเดือนก่อน +1

    Приложения в телеграмм можно создовать с помощью Ангуляра!?

  • @Sent-Arena
    @Sent-Arena หลายเดือนก่อน

    Как с Uniti залить в телегу игру через какой сайт, куда ее проще залить?

  • @aimtimtimtim
    @aimtimtimtim 9 หลายเดือนก่อน +3

    Владилен, планируешь ли что-то по реакту. Спасибо

    • @VladilenMinin
      @VladilenMinin  9 หลายเดือนก่อน +4

      Будет большой курс для начинающего уровня. Если что то продвинутое, то только через Boosty: boosty.to/vladilen

    • @user-san-chous
      @user-san-chous 9 หลายเดือนก่อน +3

      По реакту материала и так выше крыши (культурно говоря). А вот Ангуляр - это дефицит...

    • @mariaangelova2118
      @mariaangelova2118 9 หลายเดือนก่อน

      ​@@user-san-chousсогласна на 100%

  • @АндрейКутузов-ф4п
    @АндрейКутузов-ф4п 9 หลายเดือนก่อน +1

    Владилен, привет.
    Я прошёл твой курс на джуна, сейчас прохожу на мидла.
    Есть такой вопрос (не по курсу).
    У меня на работе такая ситуация, что мне приходится брать на себя обязанности тимлида и у меня в команде уже 2 разраба кроме меня + скоро возможно придут ещё два.
    И т.к. у меня нет вообще нет никакого опыта в управлении командой и организации командной разработки, мне приходится максимально быстро учиться этому.
    Пока всё идёт хорошо, но приходится очень много перерабатывать.
    Есть ли у тебя какие-нибудь материалы по тому, как быть тимлидом, как управлять командой, как взаимодействовать с сокомандниками?
    И планируешь ли ты создать курс не только для джунов и мидлов, но и для будущих тимлидов?
    Знаю, что ты был тимлидом, думаю тебе есть чем поделиться.

    • @SONCE-DEV
      @SONCE-DEV 9 หลายเดือนก่อน

      Коммуникативные навыки, навыки наставничество etc. нельзя просто так получить с курса=)

    • @ВикторПоляков-э4с
      @ВикторПоляков-э4с 8 หลายเดือนก่อน +1

      Читаю и жестко ору с этого коммента)

  • @OlenaHrishyna
    @OlenaHrishyna 9 หลายเดือนก่อน +2

    спасибо ❤

  • @mansur_terla
    @mansur_terla 9 หลายเดือนก่อน +1

    Привет, Владлен!
    У вас полезные видео, и хороший контент.
    Было бы интересно посмотреть на проекты в которых вы участвовали или сами разработали?

  • @TAXIENJOYER
    @TAXIENJOYER 5 หลายเดือนก่อน +1

    Ребят, подскажите где найти информацию по автоматизации переводов пользователям? Может вы кодер свяжетесь со мной в тг

  • @Dmitry-cb7wl
    @Dmitry-cb7wl 6 หลายเดือนก่อน +1

    95% ангуляра и 5% методики разработки мини приложения, хотя по названию вроде как акцент должен быть на другом. Надо было как-то баланс найти. А то пришлось смотреть на перемотке, чтобы должаться чего-то именно по боту и приложению.

  • @Maratreason
    @Maratreason 9 หลายเดือนก่อน +3

    Ого, только хотел написать в комменте почему не используешь сигналы, оказывается используешь! Ой хорош! А как тебе новый синтаксис? @if(), @for(), @switch(). Ну красиво же! Делай пожалуйста больше контента по Ангуляр. По NGRX, по Nx.

    • @VladilenMinin
      @VladilenMinin  9 หลายเดือนก่อน +2

      Мне он куда больше нравится, чем раньше эти *ngIf и прочее
      Хочешь голосовать за контент - тогда гоу на бусти)

  • @yurass97
    @yurass97 7 หลายเดือนก่อน +1

    Так и не заработала кнопка назад, открывается пустая страница, есть кто разобрался в чем проблема?

    • @ДенисВишневский-т6и
      @ДенисВишневский-т6и 6 หลายเดือนก่อน

      Видно что Владилен и сам не разобрался.😅 Там в последней части видео видно как быстро нажимает назад и там пусто. Я быстро потестил, если иметь свою кнопку для редиректа, то всё работает, а вот если через кнопку телеграма, то нет. Так что можно так выйти из ситуации. А вот чтобы прям кнопка телеграма заработала хз. Возмножно ChangeDetection некоректно работает, но нужно тестить, что не очень удобно 😢

    • @МихаилБар-г7ь
      @МихаилБар-г7ь 5 หลายเดือนก่อน

      У меня тоже не получается, пробовал разные решения. Такое ощущение что телеграмм не обновляет страницу, переходя по ней назад и поэтому не грузится компоненты

    • @PashokRibakov
      @PashokRibakov 5 หลายเดือนก่อน

      @@МихаилБар-г7ь помогло в методе goBack() в product.component.ts заменить this.router.navigate(['/']); на history.back();

    • @ДмитрийКузьмин-з3х
      @ДмитрийКузьмин-з3х 3 หลายเดือนก่อน

      Там в логе выбивает ошибку "BackButton is not supported in version 6.0", как это пофиксить - хз

  • @artofit
    @artofit 9 หลายเดือนก่อน +2

    LOOKS LIKE KILLA!

  • @vokrugsveta8504
    @vokrugsveta8504 3 หลายเดือนก่อน +1

    У меня не запускается код по команде npm start сыпет ошибки. Уже два часа бьюсь и не могу исправить. Сначала писал что отсутствует папка с модулями, но каким-то чудным способом мне удалось ее установить, но main.js все равно не запускается. Подскажите что делать?
    npm start
    > node@1.0.0 start /Users/myname/Documents/my-project
    > node main.js
    node:internal/modules/esm/resolve:841
    throw new ERR_MODULE_NOT_FOUND(packageName, fileURLToPath(base), null);
    ^
    Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'telegraf' imported from /Users/myname/Documents/my-project/main.js
    at packageResolve (node:internal/modules/esm/resolve:841:9)
    at moduleResolve (node:internal/modules/esm/resolve:914:18)
    at defaultResolve (node:internal/modules/esm/resolve:1119:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:541:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:510:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38)
    at ModuleJob._link (node:internal/modules/esm/module_job:126:49) {
    code: 'ERR_MODULE_NOT_FOUND'
    }
    Node.js v22.3.0
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! node@1.0.0 start: `node main.js`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the node@1.0.0 start script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    npm ERR! A complete log of this run can be found in:
    npm ERR! /Users/myname/.npm/_logs/2024-06-12T14_19_27_996Z-debug.log

  • @BREDOVOSTI
    @BREDOVOSTI 5 หลายเดือนก่อน +1

    За сколько создашь на заказ?

  • @ElseSchiller
    @ElseSchiller หลายเดือนก่อน

    Наканец-то что-то стоящее. лаба - любоу

  • @OlenaHrishyna
    @OlenaHrishyna 9 หลายเดือนก่อน +12

    VSCode?) Серьезно?))) Почему? Сколько лет был предан WebStorm...

    • @sergeyf4256
      @sergeyf4256 8 หลายเดือนก่อน

      Думаю все дело в том что с подпиской на webstorm после санкций стало все намного сложнее, но я поддерживаю для ангуляре в особенности webstorm маст хэв)

    • @ПользовательПользователь-с8к
      @ПользовательПользователь-с8к 8 หลายเดือนก่อน

      ​@@sergeyf4256 а разве они не продрлжают дарить подписку россиянам?

  • @ilnurryazhapov
    @ilnurryazhapov 9 หลายเดือนก่อน +4

    лайк

    • @aimtimtimtim
      @aimtimtimtim 9 หลายเดือนก่อน

      О и тут ты)

  • @АлександрНиколаев-л6м
    @АлександрНиколаев-л6м 7 หลายเดือนก่อน +1

    Ангуляры неакткальны могут стать

  • @bannnnnn
    @bannnnnn 5 หลายเดือนก่อน +1

    Видио 4года ппц

  • @AlenaRisk.
    @AlenaRisk. 9 หลายเดือนก่อน +2

    😢я так понимаю это не для новичков контент?

    • @rudolfsikorsky7900
      @rudolfsikorsky7900 8 หลายเดือนก่อน +1

      Вообще не для новичков.
      Сначала у меня не заработало отображение моего мини-приложения в ТГ, любой другой сайт отображается, а мой на Firebase - нет (просто в браузере работает). Предполагаю что надо что-то подкрутить в Firebase чтобы оно отдавало контент не только браузеру, но не знаю что.
      Потом посыпались ошибки компиляции. Не знаю что это: версия ES, версия TS, подкрученный линтер?
      В общем, повторить проект у меня не получилось, остаётся только смотреть ролик как развлекалочку....
      Вообще, ощущение что Владилену наскучило обучать: качество подачи катастрофически просело по сравнению с тем что было раньше. В закладках лежит ещё Реакт-2024, не знаю стоит ли смотреть.

  • @ВикторПоляков-э4с
    @ВикторПоляков-э4с 8 หลายเดือนก่อน

    А почему исходный код за деньги?) Чего за хня такая?

  • @povdata
    @povdata 8 หลายเดือนก่อน +2

    Чувак, тебя уже давно никто не воспринимает

  • @22cryptocoin
    @22cryptocoin 5 หลายเดือนก่อน +1

    Как с вами связаться ?

    • @VladilenMinin
      @VladilenMinin  5 หลายเดือนก่อน

      В телеграмме в комментах

  • @VovanEkb
    @VovanEkb 2 หลายเดือนก่อน +1

    ну вообще конечно makefile когда у тебя есть npm с кастом скриптами, эт странно. Пчему бы не использовать готовые 3х строчные гитхаб вокфлоу чтобы билдить и заливать свои образы - не понять. Как поднять https - ngrock быстро, а для остальных фришный домен есть на куче сайтов, белый ип дают с тачкой, а letsencrypt + certbot уже давно база. Ну и ручками ставить для демо кшн ок, но научишь маслят плохому. так и будут делать потом, хоть бы ансиблем катнул, да и какие пароли к тачке, ну блин(

  • @ВалерияЕвсина
    @ВалерияЕвсина 27 วันที่ผ่านมา +1

    An interesting video! The author talks in detail about the intricacies of traffic arbitration. I recommend it to anyone who wants to learn how to earn money online.

  • @Артемий-ч6у
    @Артемий-ч6у 9 หลายเดือนก่อน +4

    Angular наконец-то !!!

  • @egorkomarov4719
    @egorkomarov4719 2 หลายเดือนก่อน +1

    https моя боль - запиши инструкцию плиз

    • @Sent-Arena
      @Sent-Arena หลายเดือนก่อน

      То же самое

  • @winterofhell
    @winterofhell 9 หลายเดือนก่อน +2

    помогите с выбором, пожалуйста. что выбрать новичку, который только что выучил javascript? есть выбор пойти учить react, он легче чем ангуляр, но там в целом сложнее найти работу и конкуренция больше. либо же пойти учить typescript + angular, но он по словам многих намного сложнее, но и работу найти яко бы легче. vue js не уверен что понравится, может и попробую, но точно не сейчас.

    • @mstrgrave
      @mstrgrave 8 หลายเดือนก่อน +1

      ts, react/vue + nextjs

  • @danyamarow69
    @danyamarow69 3 หลายเดือนก่อน +1

    а что бот с локал хостом приложения нельзя запустить ?

  • @Ruslan93Nazarov
    @Ruslan93Nazarov 8 หลายเดือนก่อน +2

    Спасибо за контент по Angular! мне очень нравится и интересен этот фреймворк. Жалко что так мало качественного контента и обучения этой технологии в Ру сегменте!

  • @YakushevEV
    @YakushevEV 9 หลายเดือนก่อน +2

    Крутой контент получился. Компактный и всё что надо знать "для начала" он содержит. И лёгкий для понимания deploy, и пример работы с документацией по api, и работу с новым Ангуляром. Особенно порадовали примеры отладки.
    Прекрасно провел время, хренача тоже самое в VSCode и отлавливая ВНЕЗАПНО возникающие ошибки. Захотелось повторить с другими роликами.

  • @evgenfadeev9157
    @evgenfadeev9157 9 หลายเดือนก่อน +1

    Заметил что подобные tg-боты переодически отлетают на VPS-Selectel неплохо было бы рассмотреть тематику балансировщиков.. что то вроде Network Load Balancer (целевых групп и обработчика) от yandex-cloud .. с точки зрения построения отказоустойчивого приложения.. Незнаю имеется ли данный функционал в Selectel. Спасибо

  • @Владимир.П-е9о
    @Владимир.П-е9о 9 หลายเดือนก่อน +1

    А почему ангуляр? Мне кажется, во всяких плагинах для фигмы, телеграма и прочего, важно использовать легковесные решения, чтобы приложение открывалось быстрее. Поэтому я бы либо писал нативно либо воспользовался Svelte или Preact. Использовать ангуляр это прям забивать гвозди тяжелым телескопом.

  • @Noname-i4f3z
    @Noname-i4f3z 7 หลายเดือนก่อน +1

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

  • @klaudianext6118
    @klaudianext6118 9 หลายเดือนก่อน +2

    Спасибо за новый ангуляр! Интересная тема, ещё не делала ничего в телеграмм 😃

  • @igorbond2823
    @igorbond2823 8 หลายเดือนก่อน +1

    В браузере "Опаньки" - то случаем не оператива падает? у меня такая дичь была, два планки из 4 дохли.

  • @1311avenue_
    @1311avenue_ 7 หลายเดือนก่อน +1

    Так а че не показал как по итогу то работает

  • @mariaangelova2118
    @mariaangelova2118 9 หลายเดือนก่อน +1

    Кнопка "назад" не отрабатывает, почему?

    • @МихаилБар-г7ь
      @МихаилБар-г7ь 5 หลายเดือนก่อน

      У меня тоже не получается сделать

  • @VladVeninTV
    @VladVeninTV 9 หลายเดือนก่อน +2

    Интересно есть ли Viber mini apps или что-то подобное 🤔 Если есть, я уверен что Минин снимет про это видео😊

    • @VladilenMinin
      @VladilenMinin  9 หลายเดือนก่อน +2

      Сниму про все, что мне интересно. Но вибер не входит в этот список

    • @VladVeninTV
      @VladVeninTV 9 หลายเดือนก่อน

      @@VladilenMinin Жалко😭Я просто для примера мой список мессенджеров и соцсетей ограничен до telegram, vk, viber, whatsapp. Про остальные я только слышал, но никогда не пользовался

    • @serenitiSever
      @serenitiSever 9 หลายเดือนก่อน

      У WhatsApp есть API, но нет возможности выводить своё веб-приложение через WebView. Вам понадобиться аккаунт в Facebook и бизнес-аккаунт в WhatsApp. И это по-моему платная возможность. (но это не точно) 🙄😊

  • @sergeyf4256
    @sergeyf4256 8 หลายเดือนก่อน +1

    Описание звучит как лайк, спасибо за контент, пошел смотреть)

  • @CrazyPrawn
    @CrazyPrawn 8 หลายเดือนก่อน +1

    Спасибо! Очень хорошая подача материала.

  • @tuku_mann
    @tuku_mann 9 หลายเดือนก่อน +1

    Контент топ, не ожидал настолько много полезности!

  • @johnd1431
    @johnd1431 9 หลายเดือนก่อน +1

    То что и хотелось увидеть! Спасибо)

  • @МаринаКостина-и1ф
    @МаринаКостина-и1ф 26 วันที่ผ่านมา

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

  • @freetime7742
    @freetime7742 9 หลายเดือนก่อน +1

    "Я построю свой лунапарк - с блэкджеком и девками!, хотя к чёрту девок"

    • @VladilenMinin
      @VladilenMinin  9 หลายเดือนก่อน

      как без девушек то)

    • @serenitiSever
      @serenitiSever 9 หลายเดือนก่อน

      @@VladilenMinin порой без них спокойнее, в компании друзей (мужчин).
      Это не только моё наблюдение, зачастую идиллия в мужской компании нарушается за счёт появления в компании девушки, которая и создаёт хаос.
      Чтобы не получать в свой адрес штрафы за дискриминацию равных прав женщин, у моряков появилась "примета"
      "Женщина на корабле к беде" - если не верите, вспомните по Титаник, непотопляемый лайнер.
      Или от чего погиб Александр Пушкин 🤗😏
      Я ни на что не намекаю, это всё статистика, сука такая...

    • @mariaangelova2118
      @mariaangelova2118 9 หลายเดือนก่อน

      ​@@serenitiSeverпокажу своим коллегам мужчинам 😅😅😅

    • @serenitiSever
      @serenitiSever 9 หลายเดือนก่อน

      😅😂​@@mariaangelova2118

  • @skarabei2303
    @skarabei2303 9 หลายเดือนก่อน +2

    Браво, Красавчик!