Angular 13: Онлайн магазин с нуля Material UI + RxJS + API

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 65

  • @valPhonker
    @valPhonker Год назад +15

    Это то чего не хватает русской аудитории, примеров по ангуляру. Спасибо!

  • @mickgordon763
    @mickgordon763 2 года назад +15

    Автор, искренне благодарю вас за это видео 💪🤟🤟🤟🤟🤟

    • @denidenx
      @denidenx  2 года назад +2

      Спасибо!

  • @Jetixxxxxxxxxx
    @Jetixxxxxxxxxx Год назад +6

    Огромное спасибо за видео. Ценный урок, повторил весь без особых трудностей. Единственная просьба, за новичков, чуть подробнее пояснять в терминах по коду. Что делаем, что используем. Иногда бывают моменты, что код сопровождается комментариями: "тут напишем это", а лучше чтобы было: "напишем стрелочную функцию, чтобы..."Тогда вообще огонь будет!

  • @zdv3223666
    @zdv3223666 Год назад +2

    Никогда не писал комментов, здесь не удержался)))
    Во-первых спасибо огромное, контент просто топ - именно то что искал!
    Во-вторых отдельное пожелание побольше комментариев - как то или иное делается в реальных больших проектах.
    С нетерпением жду новых видосов! (Можно например про верстку при использовании Material UI).
    Имхо было бы круче если бы ты использовал один проект, в котором с каждым новым видео появлялось что-то новое (сначала ты создал админку, добавил форму какую-то, добавил магазин с корзиной, потом еще что-то - смотрел бы как сериал)

  • @denisshepelev1966
    @denisshepelev1966 Год назад

    Сергей, день добрый! Спасибо за этот потрясающий ролик! Очень впечатлен. Я бэк, но мне назначили наработку экспертизцы на одном из фронтовых фреймворков. Так уж случилось, что это оказался ангуляр. Ващ материал бесподомен! Очень нравится. Спасибо за ваши труды! Очень жаль, что вы остановили данную деятельность! Всех благ вам!

  • @rs4662
    @rs4662 2 года назад +6

    Автор молодец! только проше не тормози, твои видосы и блог оч круто заходит!!
    Кстати закидывай в блог к себе что нибудь еще, Давай подробно про RxJS сделаешь видосик и блог

  • @luckytima2315
    @luckytima2315 Год назад +2

    Красиво очень все понятно )) Имхо ангуляр конечно для элиты

  • @BillGadov
    @BillGadov 2 года назад +1

    Првиет! Спасибо за уроки! Пиши еще. Очень не хватает в сети контента по Ангулару!

  • @nouchance
    @nouchance 2 года назад +1

    Спасибо Денис. Ждём новых видосов, удачи!

  • @sobanya_
    @sobanya_ Год назад +1

    Спасибо тебе большое! Очень тяжелый труд на самом деле, хорошо что есть люди, кто готов помочь другим в понимании нового. Желаю успехов и процветания на ютубе)
    В следующий раз пожалуйста побольше бы объяснений что к чему.

  • @era_of_gods
    @era_of_gods 2 года назад +8

    Отличное видео, но то что ты прям докапываешься до каждой мелочи, это наоборот хорошо, еще и дополняй объяснениями. Думаю многие со мной согласятся. А так спасибо за работу!

    • @denidenx
      @denidenx  2 года назад +1

      Спасибо! Хорошо, постараюсь более подробно дополнять.

  • @alexkhodyr
    @alexkhodyr 9 месяцев назад

    Круто! Про материал custom очень интересно. А то был опыт только с готовой темой, даже не знал, что такой кастом есть

  • @disconnect-forever
    @disconnect-forever 2 года назад +4

    Очень хорошо заходит, автор молодец! Продолжайте в том же духе. Было очень полезно!

  • @njsaab9722
    @njsaab9722 Год назад

    Очень круто у Вас получается второе видео с Вами делаю, так легкая подача, все доступно, очень структрукторированно по полочкам, только вот жаль что так мало уроков-проектов( надеюсь что-то новенькое выйдет с нетерпением жду. Спасибо большое Денис

  • @denidenx
    @denidenx  2 года назад +6

    Друзья, я где-то могу ошибаться в высказываниях своих, в имплементации, прошу не судить. Я записываю их после окончания своей работы, а это и час и два ночи бывает, прошу извинить. Следите исключительно за кодом.

    • @superfan7011
      @superfan7011 2 года назад +1

      Спасибо большое за познавательный ресурс! 😃😃

    • @superfan7011
      @superfan7011 2 года назад +2

      Надеюсь ещё уроки будут)

    • @denidenx
      @denidenx  2 года назад

      @@superfan7011 Блин, качество еще же плохое, Я спецом для свех в 2к 60 фпс записываю

    • @denidenx
      @denidenx  2 года назад

      @@superfan7011 Но, спасибо! Мне приятно

    • @superfan7011
      @superfan7011 2 года назад

      @@denidenx да нет качество супер)

  • @isseyyy69
    @isseyyy69 Год назад

    спасибо, давно хотел увидеть как делают профессионал приложение в ангуларе спасибо за твой старание

  • @ПавелСтародубцев-ц6ш

    Денис спасибо ,очень много инфы полезной в одном ролике, по ангуляру и мало контента к сожалению😓

  • @ИнгаБатурина-с5д

    большое спасибо! пожалуйста, записывай больше видео по ангуляру, у тебя очень хорошо получается

  • @ArturKhalkhalyan
    @ArturKhalkhalyan Год назад

    Денис, видео супер! Очень жду новых выпусков. Успехов!

  • @КириллПлюснин-з1г

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

  • @ДанилБусленко
    @ДанилБусленко 2 года назад +2

    Прекрасная практика, больше контента по Ангуляр

  • @IlyaVelo
    @IlyaVelo 2 года назад +3

    Спасибо за видео. Хотел бы отметить, что получается все не реактивно. Можно не подписываться на прямую через subscribe, а просто использовать async пайп и не писать отписку в ondestroy. Для сохранения продуктов использовать behaviorsubject, чтоб в дальнейшем редактировать.

    • @denidenx
      @denidenx  2 года назад +1

      Тоже верно, но, я писал для новичков, самое простое, что можно сделать, это познакомить с subscribe

    • @denidenx
      @denidenx  2 года назад +4

      Просто, я сам себя вспоминаю и думаю, как было бы легче мне

  • @Brunopt893
    @Brunopt893 Год назад +1

    Привет вам из Португалии, крутой контент! Продолжайте пожалуйста в том же духе!

  • @YesRightNow-v7k
    @YesRightNow-v7k Год назад +1

    Отличное видео! Так держать!

  • @stew8613
    @stew8613 Год назад +1

    чувак красавчик, спасибо за этот видеролик, очень полезная и нужная информация!)

  • @artiomsoprun4607
    @artiomsoprun4607 Год назад

    просто ТОП! смотрел бы и смотрел, спасибо большое

  • @alexvanalien7820
    @alexvanalien7820 Год назад

    Наглядно показал, спасибо за видос.

  • @KvN-UA
    @KvN-UA 2 года назад +2

    Отличный контент, классная практика.
    Еще бы что-то записал по методам и операторам RxJS

    • @denidenx
      @denidenx  2 года назад +1

      Привет, в процессе!)

    • @Editered_Mapping
      @Editered_Mapping 2 месяца назад

      ​@denidenx можно исходники этого проекта пожалуйста

  • @wwsqlld13
    @wwsqlld13 2 года назад +1

    Здраствуйте Денис. Можете рассказать сколько вы работаете программистом и каковы перспективы в казахстане. Какова зарплата и так далее. Очень было бы интересно

  • @denidenx
    @denidenx  2 года назад +3

    GitHub проект этот: github.com/DeniDenx/online-shop-angular
    Angular. Material: material.angular.io/
    Json-server: www.npmjs.com/package/json-server
    Иконки: fonts.google.com/icons?icon.set=Material+Icons
    UPDATE 23/11/2023: Репозитарий обновлен до 17-й версии ангуляра.

    • @advance5189
      @advance5189 8 месяцев назад

      Привет. Будут еще ролики, а то прям хорошо зашли твои видосы по просмотрам?

  • @AminAmin-du4hy
    @AminAmin-du4hy Год назад

    спасибо что ты есть

  • @user-uf8df7my5n
    @user-uf8df7my5n 10 месяцев назад +1

    у меня почему-то при установке не запрашивает Angular routing. Что я делаю не так? Разобрался. Надо: Angular 16.0.x node 18.10.0

  • @DruBrawler
    @DruBrawler Год назад

    Отличное видео. 😊

  • @elmirweb6583
    @elmirweb6583 Год назад

    Привет друг. Какой у тебя плагин, что вс код сам делает импорты?

  • @andreisachuk5653
    @andreisachuk5653 2 года назад +1

    лайк не глядя)

  • @likoloz3930
    @likoloz3930 2 года назад +1

    Спасибо за видео! Почему вы перешли на VS code?

    • @denidenx
      @denidenx  2 года назад +1

      WebStorm очень тяжелый, при больших проектах это очень сильно заметно. Просто в один день сел, не поленился и настроил VScode. Даже как-то и не задумывался возвращаться к webstorm, все устраивает.

  • @ninja095
    @ninja095 Год назад +1

    Вначале благодарю автора за данный труд! А затем,
    1:32:22 Автор удаляет тихо без особых комментариев и акценте, знак вопроса и я час парюсь что не так в моем коде?
    вроде бы прочитал ошибку "undefined нельзя присвоить параметру типа number " и думаю где у меня undefined заркралось?
    к автору претензий нет!
    Подобные моменты наоборот помогают немного всмотреться в код, начать его анализировать.

  • @tuku_mann
    @tuku_mann 2 года назад +1

    А какие плагины у Вас?

  • @annakondrateva1233
    @annakondrateva1233 Год назад

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

    • @meowvocado
      @meowvocado Год назад

      Скорее всего Angular Files) либо какой-то аналогичный еще есть

  • @denidenx
    @denidenx  11 месяцев назад

    Всем привет, обновил репозитарий до 17-й версии ангуляра, включая все зависимости: github.com/DeniDenx/online-shop-angular
    Обратите внимание, что резолверы и гварды теперь работают немного иначе.

  • @Editered_Mapping
    @Editered_Mapping 2 месяца назад

    можно исходники пожалуйста

  • @user-Ricka
    @user-Ricka 8 месяцев назад

    Есть один вопрос, почему когда я создаю новый продукт, он отображает id:null, почему возникает такая ошибка?

    • @ArturAndrusishen
      @ArturAndrusishen 7 месяцев назад

      В мене та ж історія сто раз все перепробував, походу розділяти попробую, або в іфах прописувати умову з Isnew, по іншому не виходить

  • @anton9443
    @anton9443 2 года назад

    Почему ты не делаешь через модули ?

    • @denidenx
      @denidenx  2 года назад

      Не делаю что?

  • @ArtsiomPlotko
    @ArtsiomPlotko 11 месяцев назад

    Удаление на фронте оставляет желать лучшего, в чем проблема filter вызвать и по условию item.id !== удалить, ну ладно, но перебор в переборе уже просто смешно, продукт же вернулся и можно было сразу splice(item.id,1)

    • @denidenx
      @denidenx  11 месяцев назад

      Приветствую!
      Как правило в магазине не 4 товара, а тысячи, нет смысла пробегаться по всему массиву, ради удаления одного объекта.
      Со вторым согласен, можно сразу было использовать findIndex, find там совсем ни к чему. (поправил в репе).

  • @ansiwnl
    @ansiwnl 11 месяцев назад

    .

  • @ansiwnl
    @ansiwnl 11 месяцев назад

    .