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

Поділитися
Вставка
  • Опубліковано 29 лис 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 роки тому +134

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

    • @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

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

  • @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.

  • @neyrallanguge
    @neyrallanguge 3 роки тому +2

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

  • @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

      Красавчик

  • @programming5944
    @programming5944 3 роки тому +27

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

    • @UlbiTV
      @UlbiTV  3 роки тому +3

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

  • @blackhome418
    @blackhome418 3 роки тому +14

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

    • @vladimirbelogorodskiy7219
      @vladimirbelogorodskiy7219 2 роки тому +1

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

  • @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 как успехи

  • @liza_sashina
    @liza_sashina 3 роки тому +8

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

    • @КириллСмирнов-ь5ъ
      @КириллСмирнов-ь5ъ 2 роки тому

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

  • @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 читай коммент выше

  • @qwertypoiu1337
    @qwertypoiu1337 3 роки тому +23

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

  • @johnnysel8186
    @johnnysel8186 3 роки тому +14

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

  • @ivansmirnoff669
    @ivansmirnoff669 2 роки тому +7

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

  • @BlindPewRus
    @BlindPewRus 3 роки тому +10

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

  • @ClanCRK
    @ClanCRK 3 роки тому +14

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

    • @UlbiTV
      @UlbiTV  3 роки тому +3

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

  • @RinatYouldashbaev
    @RinatYouldashbaev 3 роки тому +18

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

  • @victormog
    @victormog 3 роки тому +21

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

  • @ivankomlik3807
    @ivankomlik3807 2 роки тому +4

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

  • @dmytroherko1143
    @dmytroherko1143 3 роки тому +12

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

  • @nick_arseniy
    @nick_arseniy 3 роки тому +47

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

  • @ilyacherkasov9251
    @ilyacherkasov9251 3 роки тому +7

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

  • @fuad2069
    @fuad2069 3 роки тому +7

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

    • @UlbiTV
      @UlbiTV  3 роки тому +2

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

  • @thebestmoments2451
    @thebestmoments2451 2 роки тому +2

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

    • @UlbiTV
      @UlbiTV  2 роки тому

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

  • @АртемКолесов-д8е
    @АртемКолесов-д8е 3 роки тому +7

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

  • @jsmonstr9638
    @jsmonstr9638 3 роки тому +4

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

    • @UlbiTV
      @UlbiTV  3 роки тому +2

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

  • @tritankista1
    @tritankista1 3 роки тому +14

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

    • @UlbiTV
      @UlbiTV  3 роки тому +7

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

    • @vana__f7570
      @vana__f7570 3 роки тому +1

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

    • @КайратБолотбеков-ф4я
      @КайратБолотбеков-ф4я 3 роки тому +4

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

    • @vana__f7570
      @vana__f7570 3 роки тому +1

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

    • @ByteStory
      @ByteStory 3 роки тому +1

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

  • @eduardkotov4757
    @eduardkotov4757 2 роки тому +16

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

  • @vehGerli
    @vehGerli Рік тому +2

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

    • @Нико-ю6ь
      @Нико-ю6ь Рік тому

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

    • @vehGerli
      @vehGerli Рік тому

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

    • @АлисаП-л5н
      @АлисаП-л5н Рік тому

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

    • @vehGerli
      @vehGerli Рік тому +3

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

  • @damakostolo
    @damakostolo 10 місяців тому +4

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

  • @icetree6157
    @icetree6157 3 роки тому +4

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

  • @maxssobolev
    @maxssobolev 2 роки тому +4

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

  • @genexys
    @genexys 3 роки тому +4

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

    • @UlbiTV
      @UlbiTV  3 роки тому +1

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

    • @alimanalybek8557
      @alimanalybek8557 3 роки тому

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

  • @alisareys3200
    @alisareys3200 2 роки тому +5

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

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

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

    • @UlbiTV
      @UlbiTV  Рік тому +1

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

  • @andriyvozniuk5854
    @andriyvozniuk5854 3 роки тому +26

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

    • @UlbiTV
      @UlbiTV  3 роки тому +1

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

  • @drpetrosyan
    @drpetrosyan 3 роки тому +5

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

  • @ЭзамАппаева
    @ЭзамАппаева 3 роки тому +12

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

    • @UlbiTV
      @UlbiTV  3 роки тому +2

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

  • @cyrilmialik5030
    @cyrilmialik5030 2 роки тому +2

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

  • @tatsianashket
    @tatsianashket 6 місяців тому +1

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

  • @alexandrborodin5749
    @alexandrborodin5749 3 роки тому +6

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

  • @bur5153
    @bur5153 3 роки тому +4

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

    • @UlbiTV
      @UlbiTV  3 роки тому +3

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

  • @2difficult2do
    @2difficult2do 3 роки тому +23

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

  • @murtowson
    @murtowson Рік тому +2

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

    • @UlbiTV
      @UlbiTV  Рік тому +1

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

  • @vadim_romanov
    @vadim_romanov 5 місяців тому +1

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

  • @center7505
    @center7505 3 роки тому +9

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

    • @ЮрийТкенов
      @ЮрийТкенов 2 роки тому

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

    • @КириллСмирнов-ь5ъ
      @КириллСмирнов-ь5ъ 2 роки тому +1

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

    • @ЮрийТкенов
      @ЮрийТкенов 2 роки тому

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

    • @КириллСмирнов-ь5ъ
      @КириллСмирнов-ь5ъ 2 роки тому

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

  • @tarasfydria4889
    @tarasfydria4889 3 роки тому +3

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

  • @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 ночи и добавляю в плейлисты, досматривать буду на днях, на праздниках хотел выделить время на развертывание и т.п

  • @illoprin
    @illoprin 16 днів тому

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

  • @PieceOfInternet
    @PieceOfInternet 10 місяців тому +1

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

  • @Sergey-lg1ke
    @Sergey-lg1ke 2 роки тому +16

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

    • @bigbigfoot3365
      @bigbigfoot3365 Рік тому +1

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

    • @tolikcooks9182
      @tolikcooks9182 Рік тому

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

  • @alexandrelagin5490
    @alexandrelagin5490 3 роки тому +9

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

    • @UlbiTV
      @UlbiTV  3 роки тому +2

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

  • @411bigfoot
    @411bigfoot 3 роки тому +6

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

    • @UlbiTV
      @UlbiTV  3 роки тому +3

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

  • @marufbekmm4863
    @marufbekmm4863 2 роки тому +2

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

  • @Lezginsus
    @Lezginsus 3 роки тому +5

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

  • @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 через сколько выйдет?) очень ждёмс)

  • @evgeniyn1542
    @evgeniyn1542 3 роки тому +14

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

    • @UlbiTV
      @UlbiTV  3 роки тому +2

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

  • @Maratreason
    @Maratreason 3 роки тому +8

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

    • @UlbiTV
      @UlbiTV  3 роки тому

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

  • @Bortyk
    @Bortyk 2 роки тому +1

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

  • @BKM.1231
    @BKM.1231 3 роки тому +1

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

  • @juventus3743
    @juventus3743 3 роки тому +5

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

  • @naat-li
    @naat-li 2 роки тому +4

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

  • @dzianisantanouski1885
    @dzianisantanouski1885 Рік тому +3

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

  • @Xdrtty
    @Xdrtty Рік тому +2

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

  • @xoron9496
    @xoron9496 5 місяців тому +3

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

  • @TonyMax78_555
    @TonyMax78_555 3 роки тому +30

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

    • @UlbiTV
      @UlbiTV  3 роки тому +3

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

  • @kirillshapovalov495
    @kirillshapovalov495 3 роки тому +7

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

    • @UlbiTV
      @UlbiTV  3 роки тому

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

  • @fullname9437
    @fullname9437 2 роки тому

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

  • @mexxity9508
    @mexxity9508 2 роки тому +2

    Кто ещё пишет курсач по видосам с ютуба? Спасибо за видео!

  • @ИванИванов-ь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ь Рік тому

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

  • @nelson6783
    @nelson6783 3 роки тому +4

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

  • @4845637
    @4845637 3 роки тому +7

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

  • @rockwell_
    @rockwell_ 2 роки тому +2

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

  • @juliawave7478
    @juliawave7478 2 роки тому +1

    Все друзья начали изучать React благодаря твоим роликам =D

  • @gerasymenko1
    @gerasymenko1 2 роки тому +7

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

  • @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шт одного товара, это лучше обрабатывать на фронте, как я понимаю? Пс: теперь это видео буду кидать тем, кто попросит видео "с которого начать":))) раньше был мерн диск но он не такой структурно понятный!!! Ещё раз спасибо за видео!!!

  • @ridl27
    @ridl27 3 роки тому +4

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

  • @АндрейЛисецкий-ч1д
    @АндрейЛисецкий-ч1д 2 роки тому +2

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

  • @svyatoslavkorolyov2708
    @svyatoslavkorolyov2708 Рік тому +1

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

  • @radikovichkz2470
    @radikovichkz2470 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 часов.

  • @pasharub60
    @pasharub60 3 роки тому +72

    Просто до невозможности полезный ,концентрированный и без лишнего сделанный курс!!!! Огромное спасибо!!!! Я понимаю, что идея скорей всего не новая, но очень хочу спросить: можешь ли провести голосование за проект : react, nest, graphQL, postgres или рассказать про apolo как state manager? Максимально крутой канал!!! Продолжай в том же духе пожалуйста!!

    • @UlbiTV
      @UlbiTV  3 роки тому +25

      Спасибо дружище!) я и без голосования такое сниму, вопрос времени и вашей активности!)

    • @Sashaa
      @Sashaa Рік тому

      стал уже мидлом?

  • @fedorevseev8867
    @fedorevseev8867 3 роки тому +2

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

  • @VoropaevTS
    @VoropaevTS 2 дні тому

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

  • @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 - не помогло

  • @hrayrashchyan5925
    @hrayrashchyan5925 Рік тому +4

    В версии 6 «react-router-dom» некоторые компоненты и API были переименованы или удалены, а также были введены некоторые новые функции. Например, компонент «Switch» был переименован в «Routes», а компонент «Route» теперь использует свойство «element» вместо свойства «component».

  • @BorderInVais
    @BorderInVais 3 роки тому +8

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

  • @intention-man
    @intention-man 2 роки тому +2

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

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

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

  • @АртемП-у6ч
    @АртемП-у6ч 3 роки тому +5

    До реакта еще не дошел, но Node просто чума. Квинтэссенция. Нужно пересматривать. Сжато и все по делу, даже с отступлениями на элементарные вещи. Ты Красавчег!!!!

  • @МаксимБалемба
    @МаксимБалемба 3 роки тому +6

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

  • @zzodzi3584
    @zzodzi3584 3 роки тому +4

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

  • @andrewkhramchenkov5546
    @andrewkhramchenkov5546 3 роки тому +1

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

  • @devitsimple
    @devitsimple 2 роки тому

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

  • @barbatage5078
    @barbatage5078 3 роки тому +9

    Вот это труд! Спасибо!

    • @UlbiTV
      @UlbiTV  3 роки тому

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