React & Node.js ИНТЕРНЕТ МАГАЗИН С НУЛЯ. PERN stack PostgreSQL + express + React js + node.js

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

Комментарии • 2,5 тыс.

  • @sireus439
    @sireus439 3 года назад +240

    У кого проблема с клиентской частью, когда не рендерится страница на этапе создания Роута:
    В новых версиях React Router немного изменилась документация. Switch (в файле по пути components/AppRoutes из урока) заменить на => 'Routes'. Так же 'Components' (в строке Route) заменить на => 'element'. Эта строка должна выглядеть так: ""
    Так же для "Redirect". Его в новой версии не импортируем. Вместо него использовать просто: "".
    Может у кого-то возникла такая же проблема и будет полезно.

    • @mariashkrabo3165
      @mariashkrabo3165 3 года назад +5

      Спасибо!

    • @ЕгорБолотов-ц9ю
      @ЕгорБолотов-ц9ю 3 года назад +10

      Еще и в routes.js нужно добавить < ИмяКомпонента /> для каждого компонента маршрута

    • @alenaredchuk477
      @alenaredchuk477 3 года назад +35

      Спасибо, но у меня строка, там где в старой версии писали "Redirect" работает с таким изменением:
      import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
      Во вкладке DeviceItem.js в новой версии react-router-dom v6 хук useHistory заменён на useNavigate :
      import { useNavigate } from "react-router-dom";
      const navigate = useNavigate();
      onClick={() => navigate(DEVICE_ROUTE + "/" + device.id)}

    • @elizavetamishunina1264
      @elizavetamishunina1264 3 года назад +1

      Добрый день! подскажите пожалуйста, вы реализовывали корзину?

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

      еще добавлю что exact идет по умолчанию и его не нужно писать

  • @МаксимМ-й7с
    @МаксимМ-й7с 3 года назад +345

    Это просто ах****но! Ты реальный красавчик) Спасибо и удачи с каналом! Коммент для продвижения!

    • @UlbiTV
      @UlbiTV  3 года назад +20

      И ты красавчик, спасибо за поддержку бро)

    • @_good_luck
      @_good_luck 3 года назад +4

      @@UlbiTV Очень годный урок, да и канал в целом ОЧЕНЬ ГОДНЫЙ, спасибо огромное за труд

    • @abathojalyk1625
      @abathojalyk1625 3 года назад

      Polnostyu soglasen.

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

      @@UlbiTV Бро, подскажи, пожалуйста, пишу всё в точности как у тебя, даже из репы вроде код копировал, но при попытке получить device по getOne методу, запрос зависает и высыпается ошибка: "UnhandledPromiseRejectionWarning: SequelizeDatabaseError: column info.deviceId does not exist"
      Курс офигенный просто, но с базами и nodejs не работал никогда до этого, так что сижу и никак не могу чё т выкупить, как пофиксить эту ошибку, хелп плиз(

    • @alhongelios53
      @alhongelios53 3 года назад +1

      @@alexdirks7287 смотри внимательнее скорее всего не правильно модель данных описал скорее всего связи.

  • @ИванРаботяга-с4б
    @ИванРаботяга-с4б 2 года назад +48

    Жесть, меня этот человек научил большему чем горсть "преподавателей" за 4 года учебы в университете.
    Есть множество людей которые продвигают реформы образования, есть люди и компании которые инвестируют многа деняг в обучение будущих поколений, но мне кажется, что ulbi TV сделал больше всех этих добряков, создав столько простых, понятных и что не маловажно бесплатных уроков. Вот он настоящий МеценаТ!

    • @UlbiTV
      @UlbiTV  2 года назад +10

      Иван, благодарю за такие приятные слова и за столь высокую оценку моего труда:)

    • @ZooBeeN1
      @ZooBeeN1 6 месяцев назад

      Думаю, без полученной там базы - тут было бы намного сложнее!))) Уважайте труд каждого преподавателя) В жизни так и должно быть - никогда после первичного учебного заведения не бывает хороших спецов - ими они становятся в последствии, когда начинают применять то чему учились. И если продолжают учиться!!!) А автору сего творения - ОГРОМНЕЙШИЙ респект за материал!!! Очень много полезного!

    • @CurS-uo6wt
      @CurS-uo6wt 3 месяца назад +1

      @@ZooBeeN1 Всю базу и самостоятельно получить можно, универ не дает никаких особенных знаний которых нет в открытом доступе

    • @ZooBeeN1
      @ZooBeeN1 3 месяца назад

      @@CurS-uo6wt Я не про ту базу))) Не про знания типа

  • @alena_paya_start
    @alena_paya_start 2 года назад +54

    Досмотрел до конца, ушло 2 недели )) тратил по 1-3 часа в день) параллельно писал бэк и фронт под свои задачи, почти все работает, где то ошибка с токенами буду смотреть заново, и думаю не один раз. Спасибо большое тебе Тимур! Раньше такой стэк можно было только долгими путями тратя много времени на прочтение талмутов Архангельского (привет паскаль и с++) либо в компании ковыряя чужой код. Это огромная работа и в клад в развитие начинающих юниоров.

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

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

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

      @@narekmanukyan8692 Привет я писал проект под свои задачи (учетная система для расчета заказа клиенту т.е. не интернет магазин) Но думаю просто надо расширить тек функционал например для рейтинга ввести переменную рейтинг которую надо будет пересчитывать при нажатии на рейтинг пользователем далее либо сохранять историю рейтингов либо запоминать вес и делать перерасчет. С корзиной чуть побольше дел я бы сделал отдельную переменную у пользователя текстовую и сохранял json структуру со списком товаров (ид, кол-во цены какие то расчеты). Но это сходу мысли далеко не гуру в этом вопросе

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

      @@alena_paya_start спасибо за ответ и помощь, но я не понял 🤷‍♂

    • @Fo-Lem
      @Fo-Lem Год назад

      у меня проблема с обработками ошибок, он написал alert, который в принципе не срабатывает
      как ты организовал обработку ошибок?

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

      @@narekmanukyan8692 привет, ты делал корзину, а то тоже доделала весь видос и не могу понять.)

  • @DiimaPopov
    @DiimaPopov 3 года назад +149

    Это тот случай когда одно 3 часовое видео обьясняет больше чем 3-6 месяцев учебы... топ! подписан лайк и +карма

    • @daeriofrixell199
      @daeriofrixell199 2 года назад +14

      тут как раз пока хотя бы просто перепишешь всё это, чтобы работало - уже пройдёт 3-6 месяцев ахвахвззах

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

      😅😅😅

    • @МарияТроянова-г1и
      @МарияТроянова-г1и Год назад +4

      @@daeriofrixell199 неделя ушла где то)))

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

      @@МарияТроянова-г1и привет, ты делала корзину интернет-магазина?

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

      @@nik_lixach на гите кто-то сделал

  • @UlbiTV
    @UlbiTV  3 года назад +133

    Таймкоды в описании, приятного просмотра!)

    • @nouchance
      @nouchance 3 года назад +4

      Привет бро! хотел спросить что посаветуешь для начинающих после html css JS ? тоесть Angular React Vue? какой из них легко для новичков ?

    • @Mr-ux7er
      @Mr-ux7er 3 года назад +4

      @@nouchance Vue для новичков идеален

    • @UlbiTV
      @UlbiTV  3 года назад +6

      @@nouchance Привет!) Да, согласен с тем, что вью хорош для новичков, но все же реакт ближе к нативному js, скорее с него посоветовал бы начать) будет сложнее - но потом изучить вью будет проще

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

      @@UlbiTV спасибо !

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

      Прошёлся по всем больным местам! Спасибо! Я сам очень хотел записывать курсы, но получится так что я тебя буду просто копировать!)
      очень круто!

  • @maratfaizer
    @maratfaizer 3 года назад +94

    Спасибо большое, это ты - герой, что сделал такой урок!
    И главное, все очень сжато, но где стоит отметить какую-то деталь - ничего не упускаешь
    Я сам в разработе второй год, но в этом уроке знаний дано больше, чем набрал за все время)
    Еще раз спасибо!
    Если бы ты где-то на udemy переделал этот курс: дробить на мелкие уроки плюс исходник в результате каждого урока -- я бы заплатил за это однозначно!

  • @ВладиславКорчагин-н2п

    Супер!!! Спасибо большое за твой труд!!! За 2.5 часа передал суть 2х лет института!) Не останавливайся! Таких курсов в русскоязычном сегменте ютуба нет. Сил и удачи тебе!)

    • @UlbiTV
      @UlbiTV  3 года назад +9

      Ахах)) Просто в институтах сейчас обучение такое)) Спасибо друг, успехов!)

    • @ВладиславКорчагин-н2п
      @ВладиславКорчагин-н2п 3 года назад +8

      @@UlbiTV Было бы круто увидеть деплой проекта. Планируется ли подобный контент? А именно о том как грамотно корректировать общение фронта и бека на деплое. Также думаю очень интересно будет комьюнити автоматизация на проекте. Реализация меню подтверждения заказа(колл-центра) и автоматической отправки его в службу доставки(склад) для дальнейшей обработки. В прошлом году мне приходилось делать подобный проект. От того весьма интересно разобраться в реализации подобного в стеке js)

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

      Институту никогда не достич такого уровня

  • @АртемКолесов-д8е
    @АртемКолесов-д8е 3 года назад +7

    Посмотрел уже несколько объемных роликов, из каждого подчерпнул большое количество полезной инфы. Спасибо за отборный контент!

  • @alisareys3200
    @alisareys3200 2 года назад +5

    Огромное спасибо. Думаю многим пригодится, кто искал создание интернет магазина в ютуб. Ещё и всё удобно разбито на части и есть исходники в описании. Просто мечта!

  • @qwertypoiu1337
    @qwertypoiu1337 3 года назад +23

    Просто невероятный! У меня нет слов, насколько нравится твой контент - смотрел с открытым ртом на некоторые моменты. Автору низкий поклон и глубочайший респект! С удовольствием смотрю уже третье твое видео длиной 2+ часа, при этом вообще не замечая времени - все на одном дыхании.

  • @johnnysel8186
    @johnnysel8186 3 года назад +14

    люблю твои ролики, нет всякой нудятины по пол часа, чистый отфильтрованный контент

  • @blackhome418
    @blackhome418 3 года назад +14

    Единственный человек который подробно рассказывает, но для новичков это сложновато понять. Это видео заслуживает лайк и подписку

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

      Новички должны тупо повторять написание кода :)

  • @damakostolo
    @damakostolo 10 месяцев назад +4

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

  • @eduardkotov4757
    @eduardkotov4757 2 года назад +16

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

  • @ClanCRK
    @ClanCRK 3 года назад +14

    Ну наконец-то, обалденный формат! Быстро, по делу, не разжевывая - то что нужно. А непонятные детали можно и погуглить. Спасибо!

    • @UlbiTV
      @UlbiTV  3 года назад +3

      Старался!) Спасибо, успехов!)

  • @falsetrue7910
    @falsetrue7910 3 года назад +76

    Хотел вечером фильм какой нибудь посмотреть, но видимо буду смотреть это видео :D уверен хороший курс, после просмотра отпишу еще

    • @UlbiTV
      @UlbiTV  3 года назад +4

      ахах =) Обязательно жду фидбек!

    • @vortexTact1cs
      @vortexTact1cs 3 года назад +7

      Ещё не досмотрел ?

    • @ТимурКадырбеков-р1д
      @ТимурКадырбеков-р1д 3 года назад

      @@vortexTact1cs походу

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

      @@ТимурКадырбеков-р1д досмотрел давным давно и даже отписывался если не ошибаюсь, возможно под другим роликом

    • @falsetrue7910
      @falsetrue7910 3 года назад +1

      @@vortexTact1cs читай коммент выше

  • @dmytrovoronov9320
    @dmytrovoronov9320 3 года назад +371

    Ого, таких таких уроков на русском, даже на Udemy нет. Спасибо

    • @UlbiTV
      @UlbiTV  3 года назад +73

      Надеюсь было полезно!) Спасибо!

    • @enslit
      @enslit 3 года назад +9

      @@UlbiTV бро, я думаю, более чем! 👍🏻

    • @Evgeny..
      @Evgeny.. 2 года назад +7

      Да, ролики Тимура в 100 раз превосходят udemy

    • @КоляГришакин-й1л
      @КоляГришакин-й1л Год назад +2

      ​@@UlbiTV мега полезно

    • @КоляГришакин-й1л
      @КоляГришакин-й1л Год назад +1

      Красавчик

  • @dakaktakto
    @dakaktakto 11 месяцев назад +31

    Решение некоторых проблем на фронте, возникших при повторении кода в декабре 2023
    (01:19:00) не рендерится навигация Route
    1. замените в импорте Switch и Redirect на: import { Routes, Route, Navigate } from 'react-router-dom;
    2. замените код в теле компоненты на:
    return (
    {isAuth && authRoutes.map(({ path, Component }) =>
    )}
    {publicRoutes.map(({ path, Component }) =>
    )}

    );
    (01:31:20) В окне авторизации не выстраивается в линию кнопка "войти" и "зарегистрируйся"
    1. добавьте import Col from 'react-bootstrap/Col'
    2. оберните NavLink и Buttom в теги NavLink и Buttom
    Это же решение будет применяться дальше при аналогичной потребности d-flex row
    (1:44:40) Динамический переход по страницам
    1. useHistory заменить на useNavigate
    import { useNavigate } from "react-router-dom"
    const history = useNavigate()
    2. в обработчике событий не вызывать у объекта history функцию push. Сделать так: onClick={() => history(DEVICE_ROUTE + '/' + device.id)}

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

      Спасибо за полезный коммент. Только слово exact в роутах уже вроде не используется и не нужно?

    • @dakaktakto
      @dakaktakto 11 месяцев назад +2

      @@evgenya_pan да, вы правы, спасибо. Почитал документацию по миграции: " is gone. Instead, routes with descendant routes (defined in other components) use a trailing * in their path to indicate they match deeply". т.е. если нужно сопоставить больше URL из-за наличия дочерних маршрутов, используйте знак * в конце, например,

    • @ecoaurum
      @ecoaurum 10 месяцев назад

      у меня еще выбивает такая ошибка. Никто не встречал? - Cannot set property selectedType of # which has only a getter
      TypeError: Cannot set property selectedType of # which has only a getter
      at new DeviceStore (localhost:3000/static/js/bundle.js:1274:23)
      at ./src/index.js (localhost:3000/static/js/bundle.js:605:15)
      at options.factory (localhost:3000/static/js/bundle.js:66201:31)
      at __webpack_require__ (localhost:3000/static/js/bundle.js:65616:33)
      at localhost:3000/static/js/bundle.js:66778:37
      at localhost:3000/static/js/bundle.js:66780:12

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

      Помогите, пожалуйста, если редактор продолжает подчеркивать require в строке const express = require('express'). Что с этим делать?

    • @ИванФилиппов-б4у
      @ИванФилиппов-б4у 8 месяцев назад

      @@dariasieik4493 Вообще может быть ошибка в самом коде. Не правильные импорты модулей, классов и прочего. Так же можно, например, в php storm в настройках включить галочку в поддержке node js.

  • @liza_sashina
    @liza_sashina 3 года назад +8

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

    • @КириллСмирнов-ь5ъ
      @КириллСмирнов-ь5ъ 2 года назад

      Согласен на все 100% Многих смотрел, но остановился на гайдах Тимура!!!

  • @ilyacherkasov9251
    @ilyacherkasov9251 3 года назад +7

    Досмотрел до конца! Огонь! Повторил весь код, для бэк конечно понятнее, реакт - пока туго понимаю. В общем на просмотр ролика, углубление в некоторые детали, реализацию у меня ушло 4 дня. Это пока без корзины и рейтинга. Спасибо! Ролик, то что нужно!

  • @programming5944
    @programming5944 3 года назад +27

    начало очень многообещающее, еще и интернет магазин, распространенный кейс, спасибо Ulbi TV

    • @UlbiTV
      @UlbiTV  3 года назад +3

      Спасибо вам!)

  • @nick_arseniy
    @nick_arseniy 3 года назад +47

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

  • @BlindPewRus
    @BlindPewRus 3 года назад +10

    Руководство просто выше всяких похвал.
    То самое познание через практику.
    Спасибо огромное.
    Небольшая ошибка в Client/src/App.js - строка 16 ' user.setUser(true)' заменить на ' user.setUser(data)' - если не ошибаюсь

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

    Очень толковый курс. Без лишней воды. Кто не догнал, перемотает и прослушает заново. Значительно лучше, чем многие курсы на Udemy.

  • @RinatYouldashbaev
    @RinatYouldashbaev 3 года назад +18

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

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

    Очень нравится скорость и емкость подачи информации. Никакой воды, все по существу. Огромное спасибо!

  • @victormog
    @victormog 3 года назад +21

    *Действительно, чумовой контент!*
    Предлагаю на его базе сделать продолжение. Например, та же валидация, i18n, другие типы авторизации и т.п.

  • @illoprin
    @illoprin 14 дней назад

    Четвёртый раз пересматриваю этот урок и каждый раз черпаю что-то новое.
    Пишу проект на VueJS и Express. Принципы работы, озвученные в этом видосе, очень применимы к моему проекту
    Спасибо за этот объёмный курс!

  • @neyrallanguge
    @neyrallanguge 3 года назад +1

    Самое адекватное видео, которое есть в Ru ютубе. Без воды и глупых "Ээээээ мммм", других слов паразитов. Дай бог тебе здоровья, пили еще видео.

  • @xoxo2880808
    @xoxo2880808 3 года назад +34

    Учусь по твоим курсам, твои 3 часа у меня занимают дней 5 в среднем по пару часов в день :) СПАСИБО!

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

      Ты не один такой))

    • @КириллСмирнов-ь5ъ
      @КириллСмирнов-ь5ъ 2 года назад +1

      Фига ты быстрый такой, я 2 недели уже в этом уроке висну, осознавая все строчки и пишу код с комментариями. И это только бэк, правда фронт могу написать сам без видео.

    • @RitzCarlton-k8x
      @RitzCarlton-k8x Год назад

      @@ПелмешкаПельмещковая что там, нашел работу?

    • @ДанилДмитриев-я5м
      @ДанилДмитриев-я5м Год назад

      @@ПелмешкаПельмещковая как успехи

    • @ДанилДмитриев-я5м
      @ДанилДмитриев-я5м Год назад

      @@RitzCarlton-k8x как успехи

  • @2difficult2do
    @2difficult2do 3 года назад +23

    Офигенно круто! Спасибо за такие практически полезные уроки! И отдельная благодарность за таймколы и ссылки на исходники. Реально круто!!! 👏

  • @ivansmirnoff669
    @ivansmirnoff669 2 года назад +7

    Твой канал это настоящий социальный лифт: любой человек может учиться хорошей профессии и найти работу , спасибо !

  • @tatsianashket
    @tatsianashket 6 месяцев назад +1

    Ulbi TV, спасибо за классный ролик, все еще актуально!
    Удачи всем, кто как и я, делал backend по es6 и с typescript)

  • @icetree6157
    @icetree6157 3 года назад +4

    вместо 10 книг посмотрел ролик и написал курсач.
    Cпасибо

  • @jsmonstr9638
    @jsmonstr9638 3 года назад +4

    Пересмотрел три раза, возвращался в течение месяца несколько раз, контента бомба!

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

      Спасибо, старался для вас

  • @alexandrborodin5749
    @alexandrborodin5749 3 года назад +6

    Блин, чувак, ты нереально крут!!! Успехов тебе и подписчиков! Я точно в их числе

  • @genexys
    @genexys 3 года назад +4

    Чисто случайно наткнулся на этот видос, очень годный канал, удивительно что так мало подписчиков. Уже составил очередь из того что мне понадобилось) Респект чувак)

    • @UlbiTV
      @UlbiTV  3 года назад +1

      С вашей помощью, поддержкой, подписчиков будет больше)) спасибо!

    • @alimanalybek8557
      @alimanalybek8557 3 года назад

      @@UlbiTV можно ли вместо постгреса Mysql использовать?

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

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

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

      Спасибо! Старался и очень рад, что понравилось

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

    Гай Фокс 21 века, это просто шикарно. Этот год действительно начался успешно, раз я нашел этот канал) тот случай когда искал медь, а нашел золото

  • @tritankista1
    @tritankista1 3 года назад +14

    Пишу серверную часть своего веб приложения для диплома по этому ролику) Просто манна небесная!!!

    • @UlbiTV
      @UlbiTV  3 года назад +7

      Успешной защиты диплома!

    • @vana__f7570
      @vana__f7570 3 года назад +1

      где учишься? как система образования в университете?

    • @КайратБолотбеков-ф4я
      @КайратБолотбеков-ф4я 3 года назад +3

      @@vana__f7570 если универ дал бы годное знание, он не шлялся бы в просторах ютуба. Я тоже учусь на программиста и понял что от универа нужна только корочка.

    • @vana__f7570
      @vana__f7570 3 года назад +1

      @@КайратБолотбеков-ф4я зачем корочка программисту?

    • @ByteStory
      @ByteStory 3 года назад +1

      @@vana__f7570 для заграницы, и в гос. компании, еще иногда большие компании просят

  • @ИринаХусаинова-ъ4ц

    Спасибо, круто подаёте инфу. Даже я динозавр 50+ понимаю 76% от услышанного .Очень хочу научиться работать в интернете. Сегодня попала на Ваш ресурс и прослушав несколько роликов получила ответы на много моих вопросов👍 простые👍 открытые ответы. Развеялись страхи и сомнения. Я начинаю с Вами новый виток моей жизни.

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

      Спасибо за поддержку 🙏 желаю вам успехов :)

  • @alexandrelagin5490
    @alexandrelagin5490 3 года назад +9

    Тимур спасибо огромное! Не смотрел курс, но лайк не глядя, до пройду ваш курс по хранилищу и буду этот курс штурмовать. Вы реально большой молодец! И да вы правы, за подобные курсы люди за деньги продают. Хорошо, что вы чередуете разные бд. Круто, что с mobx ))

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

      Спасибо вам огромное!) Желаю вам извлечь максимум пользы из моих курсов!)

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

    Привет! Вернулась на повторный просмотр данного ролика, в первый раз смотрела для курсовой работы (ну я просто за вами повторила), было не понятно около 90% материала, но я вообще не знала ничего про веб, теперь пишу диплом, почти месяц вот изучала разные технологии для бека и фронта, открыла свою курсовую работу снова, теперь мне понятны 90% всего материала. У вас самые офигенные видео, мне кажется самые лучшие, но новичкам все таки лучше не лезть. Очень доступно все объясняете, в одном видео просто миллион всяких знаний! У многих других затрагиваются только какие-то основы и крошечные проекты, а в ваших роликах можно узнать как все эти технологии сочетаются вместе в одном проекте, да еще и за 1 видео! Благодарю за вашу работу!

    • @Нико-ю6ь
      @Нико-ю6ь Год назад

      Добрый день, а корзину реализовали?

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

      @@Нико-ю6ь да, есть текстовые туториалы, это видео не совсем полное

    • @АлисаП-л5н
      @АлисаП-л5н Год назад

      ​@@vehGerli а можете поделиться, пожалуйста)

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

      @@АлисаП-л5н загуглите Магазин на JavaScript, часть 1 из 19. Серверное приложение, база данных, ORM Sequelize. первой ссылкой будет сайт с 19 уроками, ниже ссылка на гит с исходниками (эта же ссылка есть в 19 части)

  • @Sergey-lg1ke
    @Sergey-lg1ke 2 года назад +16

    Тимур, ты как всегда ТОП! Коммент в поддержку и благодарность. Всем кто будет смотрет: как обычно с твоими уроками, нужно закладывать х10 времени от продолжительности ролика, концентрация инфы невероятная. Ну и пол часа искать какую-нибудь опечатку это коечно жиза🥲

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

      Зато это всё спитывается как вода в губку, после всего ролика, когда сам все сделал, чувствуешь силу в пальцах и голове

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

      Ох, я уже больше 3 лет в веб разработке, из которых больше 2х коммерческой. И все еще не чувствую силы в пальцах и голове. Хотя уже давно занимаюсь различными большими и иногда даже очень сложными задачами @bigbigfoot3365 😂

  • @bur5153
    @bur5153 3 года назад +4

    За этот ролик больше спасибо, труд этого ролика рано или поздно тебе вознаградится. Ты крут.

    • @UlbiTV
      @UlbiTV  3 года назад +3

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

  • @fuad2069
    @fuad2069 3 года назад +7

    Спасибо за труд, да будут все лайки ютуба ТВОИМИ!!

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

      Спасибо друг!

  • @dzianisantanouski1885
    @dzianisantanouski1885 Год назад +3

    Во-первых, спасибо за ролик. Для тех кто сча повторяет: { In react-router-dom v6, 'Switch' is replaced by 'Routes' }. С Redirect похожая история, я использовал последним роутом такую конструкцию { }

  • @naat-li
    @naat-li 2 года назад +4

    О, это несомненно самые полезные и информативные видео по фронтенду, которые мне попадались. Большое человеческое спасибо за труд!!!

  • @drpetrosyan
    @drpetrosyan 3 года назад +5

    Отменный контент: особенно когда паралельно набираешь - много тонкостей реализации замечаешь

  • @juventus3743
    @juventus3743 3 года назад +5

    чтоб ты был здоров) балдею с твоих уроков, подача на высоте, без лишней нудятины)

  • @Lezginsus
    @Lezginsus 3 года назад +5

    супер туториал! Ты большой молодец! Задаваясь вопросом "стоило ли мне покупать курс Full-stack JS", понял, что всё-таки стоило. Образования много не бывает - главное сидеть и упорно впитывать знания, а потом на практике тренировать. и потом надо в благодарность таким ребятам, как ты, тоже помогать молодняку учиться и становиться лучше.

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

    Самый крутой из тех кого я встречал в русскоязычном Ютубе, успехов тебе!

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

      Спасибо и взаимно!

  • @vadim_romanov
    @vadim_romanov 5 месяцев назад +1

    современные герои не носят плащи и маски
    они выглядят иначе)) 8:43
    и просто выкладывают такие потрясающие фулстак проекты на ютуб с подробным объяснением, отличной подачей,
    и даже спустя века (а именно 3 года) видео остается актуальным и супер мега полезным, спасибо)

  • @dmytroherko1143
    @dmytroherko1143 3 года назад +12

    Крутой ролик, спасибо!
    Дошел до админки и не получалось перейти на /admin потому что по дефолту юзер не авторизован, AppRouter отрабатывает один раз и получается, что доступны только publicRoutes. Когда делаешь авторизацию, то глобальный стейт юзера меняется, но роуты заново не формируются и authRoutes все так же недоступны. Решил тем, что обернул AppRouter в observer.
    Потом открыл исходный код и увидел, что AppRouter реально обернут в observer, хотя на видео этого не было)
    Возможно, кому-то будет полезно

  • @kirillshapovalov495
    @kirillshapovalov495 3 года назад +7

    Огромное спасибо тебе за твои труды! Ты делаешь очень крутой и полезный контент! Успехов и продолжай в том же духе!

    • @UlbiTV
      @UlbiTV  3 года назад

      Спасибо за поддержку друг, очень ценю!

  • @andriyvozniuk5854
    @andriyvozniuk5854 3 года назад +26

    Спасибо за проделанную работу, это замечательно!

    • @UlbiTV
      @UlbiTV  3 года назад +1

      Спасибо друг! стараюсь)

  • @PieceOfInternet
    @PieceOfInternet 10 месяцев назад +1

    Высший пилотаж) ты настолько быстро пишешь приложение и твои мысли настолько быстро, грамотно и системно строятся в очень грамотный код, что я банально порой не успеваю за ходом твоих мыслей, в тот момент когда ты эти мысли реализуешь в код, который приятно читать. Это очень здорово) Надеюсь через пару просмотров пойму больше :D
    На самом деле я скорее тут изначально был ради фронтенд части, так как именно в этом направление стремлюсь, но на удивление бэк был тоже приятен и интересен, хоть конечно сложно много было понять, ни разу не работая с БД или с ORM Sequalize.

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

    Столько шарил в ютубе и не мог найти тебя. Классный видос. Продолжай в том же духе

  • @ЭзамАппаева
    @ЭзамАппаева 3 года назад +12

    Ура🥳 Спасибо👏🏻👏🏻👏🏻👾👾👾ждала новое видео!!!

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

      А я ждал ваш комментарий!) Спасибо!

  • @evgeniyn1542
    @evgeniyn1542 3 года назад +14

    Крутое видео с интересными технологиями, спасибо за уникальный контент! :)

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

      Спасибо, Евгений, стараюсь!

  • @center7505
    @center7505 3 года назад +9

    Просто взрыв мозга. Я даже не новичок, а просто зритель. Сфера другая у меня. Но структура создания современного сайта и мне примерно ясно стало. Бесплатно и очень полезно. Красавчик, желаю еще больше успехов тебе!

    • @ЮрийТкенов
      @ЮрийТкенов 2 года назад

      а взрыва говна у тебя не было?

    • @КириллСмирнов-ь5ъ
      @КириллСмирнов-ь5ъ 2 года назад +1

      @@ЮрийТкенов У тебя он и произошёл, судя по твоему комменту)))

    • @ЮрийТкенов
      @ЮрийТкенов 2 года назад

      @@КириллСмирнов-ь5ъ ты логик или стрелочник или у тебя и то и другое взорвалось?

    • @КириллСмирнов-ь5ъ
      @КириллСмирнов-ь5ъ 2 года назад

      @@ЮрийТкенов я сливадик)))

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

    Лучший, спасибо. Проходил эти три часа неделю, весь код писал сам, библиотеки обновились, в связи с этим пришлось исправить кучу ошибок, получил настоящий опыт. Хотите чему то научиться, не копируйте, а смотрите, слушайте, разбирайтесь и пишите код сами.

  • @BKM.1231
    @BKM.1231 3 года назад +1

    автор спасибо, все уроки платные , а тут бесплатно и без воды

  • @Maratreason
    @Maratreason 3 года назад +8

    Афигенский урок! Большое спасибо за проделанный труд.

    • @UlbiTV
      @UlbiTV  3 года назад

      Рад стараться, и вам спасибо за поддержку!)

  • @nelson6783
    @nelson6783 3 года назад +4

    Ролик просто АГОНЬ!!! еще не посмотрел, но уже нравится))) продолжай в этом же духе)

  • @gerasymenko1
    @gerasymenko1 2 года назад +7

    Крутая работа! Спасибо большое! Этот курс помогает людям больше практиковаться! Понятный разбор и логическая цепочка действий с объяснениями по каждому шагу продвижения к написанию кода интернет магазина📶

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

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

  • @intention-man
    @intention-man 2 года назад +2

    МОЩНЕЙШЕЕ видео! Учился по нему без недели месяц и каждый раз было очень полезно. Спасибо большое, продолжай делать топовейший контент!)))

  • @ridl27
    @ridl27 3 года назад +4

    не думал, что уже и на русском есть такая годнота. что делать, подписался :D

  • @Catafey1
    @Catafey1 3 года назад +42

    Отличный туториал! Реально. Оставляю редко комменты, но тут прям нельзя мимо пройти.
    Ещё, не бойся делать длинные ролики. В твоём случае это тока плюс. В моменте с валидацией ты об сказал. Люди, кто будет смотреть их, понимают ценность контента. Не переживай!

    • @UlbiTV
      @UlbiTV  3 года назад +10

      Спасибо друг!) Да я не боюсь их делать, просто людей, которые готовы потратить 3 часа на такой ролик я думаю найдется не много, 80% бросят не досмотрев до середины, тк тяжело осилить за раз такой курс

    • @illiasoroka6610
      @illiasoroka6610 3 года назад +6

      @@UlbiTV можно разбить на плейлист)

    • @smolovk
      @smolovk 3 года назад +6

      @@UlbiTV я смотрю понемногу просто и все. Уже второй день, сегодня планирую закончить

    • @casinorobber
      @casinorobber 3 года назад +3

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

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

      @@UlbiTV я частично попал в эти 80%, потому как смотрю в 3 ночи и добавляю в плейлисты, досматривать буду на днях, на праздниках хотел выделить время на развертывание и т.п

  • @411bigfoot
    @411bigfoot 3 года назад +6

    Курс - бомба! Столько полезных примеров в одном видео не видел никогда. Прошел курс, все повторил, теперь на этой базе буду делать реальный проект с нуля. Благодарю!

    • @UlbiTV
      @UlbiTV  3 года назад +3

      Спасибо дружище! Успехов!

  • @АндрейЛисецкий-ч1д
    @АндрейЛисецкий-ч1д 2 года назад +2

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

  • @andrewkhramchenkov5546
    @andrewkhramchenkov5546 3 года назад +1

    Это топ! Отличная подача, качественный материал. Пойду остальные ролики смотреть))
    Мой первый коммент за 10 лет использования ютуба твой

  • @radikovichkz2470
    @radikovichkz2470 3 года назад +3

    Спасибо за видео. Многие моменты индивидуальны. Но много полезной инфы. Можно время тратить на такое длинное видео, есть смысл. Спасибо

  • @tarasfydria4889
    @tarasfydria4889 3 года назад +3

    Можете зелёным прогерам и непонятно, но если есть хоть какой-то опыт работы то вашы видео--бомба! Это реально оооочень быстро помогает разобраться с оооочень обширными и сложными темами!!!

  • @zzodzi3584
    @zzodzi3584 3 года назад +4

    Блин спасибо тебе большое бро, спустя неделю я все же осилил этот ролик, и понял, что к чему.

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

    Бро, ты лучший! Это мега годный видос, его просто обязан @youtubeteam продвинуть в тренды

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

    Смотреть ещё не начал. Но уже все нравится. Спасиб парень. Красавец.

  • @TheWebinfinity
    @TheWebinfinity 3 года назад +6

    Hi! I can't understand your language but I love your style of coding..and thank you very much!

    • @UlbiTV
      @UlbiTV  3 года назад +1

      Thank you too, bro!)

  • @Be_Goonner
    @Be_Goonner Год назад +3

    Очень крутой курс, от души. Если кто сейчас проходит, то на серверной части в модуле models при создании DeviceInfo забыли добавить в таблицу строчку deviceId, поэтому при добавлении свойства инфо и девайс не матчились. Три дня шерстил весь код, не мог понять в чем причина

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

      Чел, 2 месяца назад я разрабатывал уже свой проект, основываясь на коде из этого урока. В ходе разработки столкнулся с проблемой создания характеристик товара - ну не создавались они, никоим образом. 404 (или 403) ошибку мне в лицо плевало, и всё тут. Около месяца я искал на всевозможных площадках решение, даже заглядывал в актуальные комментарии этого видео, в надежде найти ответ. Сегодня захожу и вижу ключ решения проблемы, травившей мою жизнь! Спасибо!

    • @Владимир-м3ъ8э
      @Владимир-м3ъ8э 10 месяцев назад

      @@xybabyba можете пожалуйста подробнее рассказать?

    • @Владимир-м3ъ8э
      @Владимир-м3ъ8э 10 месяцев назад

      @Be_Goonner можете пожалуйста подробнее рассказать?

    • @ivanzaliscky1578
      @ivanzaliscky1578 5 месяцев назад

      ​@@xybabyba Добрый день, подскажите как решить проблему, добавил deviceId: {type: DataTypes.STRING, allowNull: false для DeviceInfo - не помогло

    • @ivanzaliscky1578
      @ivanzaliscky1578 5 месяцев назад

      Добрый день, подскажите как решить проблему, добавил deviceId: {type: DataTypes.STRING, allowNull: false для DeviceInfo - не помогло

  • @azamatsatybaldiev7577
    @azamatsatybaldiev7577 3 года назад +4

    если бы он знал что я его ролик месяц понимаю хе хе))) курс бест оф зе бест круче не найти спасибо огромное

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

    Шикарная подача материала. Никаких соплей и воды. Однозначно один из лучших роликов по стеку PERN.

  • @АлександрДеревков-д2с

    Нет слов просто!!! Это лучший контент на всём ру ютубе
    Спасибо тебе огромное за твой труд!

  • @4845637
    @4845637 3 года назад +7

    Огромное спасибо автору. Посмотрел все и выполнил. Тоже 4 дня сидел :) Не уверен, но возможно в функцию "logOut" нужно добавить строку "localStorage.removeItem('token')" для того чтобы разлогиненый пользователь не авторизовывался автоматически при следующем запросе. Еще раз спасибо за отличный материал!

  • @Mr-ux7er
    @Mr-ux7er 3 года назад +60

    Супер! Сюда бы ещё ts и была бы вообще пушка!

    • @UlbiTV
      @UlbiTV  3 года назад +25

      Курс по TS в разработке, что то сегодня прям все просят))

    • @Almas-2002
      @Almas-2002 3 года назад +2

      @@UlbiTV воот nestjs )

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

      @@UlbiTV Что ж не просить, раз есть у кого)

    • @moroz_dev
      @moroz_dev 3 года назад +1

      @@UlbiTV потому что всем нужен TS ))

    • @levapveeskela4327
      @levapveeskela4327 3 года назад +1

      @@UlbiTV через сколько выйдет?) очень ждёмс)

  • @ИванИванов-ь3м2к
    @ИванИванов-ь3м2к Год назад +4

    37:36 Если кто потерялся, как и я, то знайте: create - это метод объекта sequelize, а не наш. Хорошо расписан в доках по секвалайзу.
    PS привык смотреть гайды на скорости х1.5. Уроки Тимура приходится смотреть в замедлении и постоянно возвращаться)) Очень плотная подача материала, спасибо!

    • @ИванИванов-ь3м2к
      @ИванИванов-ь3м2к Год назад

      @@Нико-ю6ь Похоже у тебя в models.js у модели категорий товаров в поле name стоит type: DataTypes.integer. integer - это число, нужно чтоб было type: DataTypes.string

    • @Нико-ю6ь
      @Нико-ю6ь Год назад

      спасибо что ответил черт

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

    Посмотрел первые 4 мин и понял что будет очень продуктивно. Автоматом лайк и благодарность за труд

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

    Этот ролик помог мне с дипломом, разложил всё как надо и показал откуда что взялось и для чего взялось

  • @TonyMax78_555
    @TonyMax78_555 3 года назад +30

    2:14:50 наверное в функцию logOut надо добавить
    localStorage.removeItem('token')
    иначе по нажатию кнопки выйти, после обновления страницы, пользователь будет в системе все равно, так как токен есть в хранилище

    • @UlbiTV
      @UlbiTV  3 года назад +3

      Если я этот момент упустил, то да, удалить токен однозначно надо)

  • @jsmonstr9638
    @jsmonstr9638 3 года назад +7

    За 3 часа сделать такой фул стэк проект с проектированием бд и этими технологиями конечно сильно 👍👍 Представляю сколько времени ушло на запись, спасибо за то, что вы делаете 👍

    • @UlbiTV
      @UlbiTV  3 года назад +5

      3 часа - это то, что вы видите)) по факту на это приложение ушло в разы больше) Спасибо!

    • @vana__f7570
      @vana__f7570 3 года назад +1

      @@UlbiTV а сколько времени вобще времени на все ушло?

    • @goodman4493
      @goodman4493 3 года назад

      @@vana__f7570 У него есть курс по реакту на 3 часа, так он вроде говорил что на него ушло около 40 часов.

  • @kokoc58
    @kokoc58 3 года назад +3

    Отличный ролик, спасибо. И отдельное спасибо за то, что не redux, а mobx.

  • @Леонидютубовский
    @Леонидютубовский 2 года назад +2

    Спасибо за познавательный и полезный материал. Подача информации лучшая из тех которые я встречал(она у вас грамотная и лаконичная)

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

    Наверное, один из самых сложных курсов для моего понимания на этом канале, но развиваться нужно, спасибо)

  • @BorderInVais
    @BorderInVais 3 года назад +8

    Всем, кто посмотрел это удивительное видео, привет:). Хотел задать вопрос. Я смог добавить запись даже не авторизовавшись. После поисков ошибки выяснил, что нужно на роутрах, которые выполняют действия доступные авторизированным, вторым параметром отдавать authMiddeware, тогда все заработало корректно. Можно по этому поводу услышать чей-нибудь комментарий?:)

  • @xoron9496
    @xoron9496 5 месяцев назад +3

    Если у кого то проблемы с , обязательно заменяйте эту запись на ,
    Многие элементы в этом видео убраны из Node.js и React.js, гдето 70% информации имеет актуальность. Рекомендую пересмотреть также видео по курсу Node.js React.js максимум 2 годичной давности, желательно 1 год. Но имеем что имеем

  • @ipa_stor
    @ipa_stor 3 года назад +7

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

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

      :D

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

      Твой комментарий всегда жду с нетерпением!) Как посмотришь, дай обратную связь!

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

      @@UlbiTV обязательно дам фидбэк:)👍👍

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

      @@ipa_stor Ждус)

    • @ipa_stor
      @ipa_stor 3 года назад +1

      @@UlbiTV Полностью ознакомился:)) мне как-то говорили, что реляционки способствуют порядку в голове, теперь убедился наглядно(первый раз встретился на практике) и главное, что потребовалось, это прописать связи. Отдельное спасибо за таймкоды и пояснения для чайников, прямо выручает! :)) Есть еще пока некоторые сложности с фронтом, а именно контекстом, но думаю, это дело практики, а так, со всем разобрался, кроме одного момента: на 21:33, 67 строка, разве BasketDevice к Device и обратно не 1к1 связывается(hasOne?)? И если да, то при выборе более 1шт одного товара, это лучше обрабатывать на фронте, как я понимаю? Пс: теперь это видео буду кидать тем, кто попросит видео "с которого начать":))) раньше был мерн диск но он не такой структурно понятный!!! Ещё раз спасибо за видео!!!

  • @Liubov9876
    @Liubov9876 3 месяца назад +1

    Ура! У меня получилось сделать на react-redux toolkit 😀 все работает точно так же, как и на видео. Спасибо, Ульби! Отличный туториал

  • @АлександрИсаев-щ1у
    @АлександрИсаев-щ1у 3 года назад +1

    Посмотрел весь ролик)) Пушка!!!) Очень грамотно и понятно изложил) Большое спасибо! Бомби дальше)) Желаю тебе удачи))

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

    Лучшее видео по фронтенд-бэкенд которое я видел. Быстро, четко и ясно без лишней суеты. Спасибо!