MERN - URL Shortener from Scratch to Deploy (Mongo, Express, React, Node)

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

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

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

    Исходники тут: t.me/js_by_vladilen/116
    Эксклюзивный контент на моем Boosty: boosty.to/vladilen

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

      а можно node(Express) + VUE2.JS ) а то реакт очь популярен а про вью забывают (

  • @railh7566
    @railh7566 4 года назад +413

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

    • @NikK0lay
      @NikK0lay 4 года назад +8

      Потому что php + MySQL + nginx эта связка без всего этого гемороя

    • @kmesh9
      @kmesh9 4 года назад +11

      @@NikK0lay Какой геморой-то? Это просто альтернативный стек, принципы те же самые

    • @NikK0lay
      @NikK0lay 4 года назад +5

      @@kmesh9 принципы вообще не те же, в php например не нужно писать каждый раз серверную часть и батончики запросов. Геморроя на много мешке ну и проблем. Это первое.
      Второе, зачем эта фигня если нового она или полезного ничего не даёт? Новое ради нового? Бред же.

    • @АндрейБочарников-х5ъ
      @АндрейБочарников-х5ъ 4 года назад +53

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

    • @npsheno1
      @npsheno1 4 года назад +22

      @@АндрейБочарников-х5ъ он просто не понимает + это работает быстрей, да и зачем учить что то новые и современное если есть php....

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

    Идеальный подход, метод, голос, подача материала, интонация, скорость речи, дикция, без тупорылых посторонних мыслей и левого юмора, которые сбивают с пути. Красава! Учусь теперь по тебе.

  • @robotdev4718
    @robotdev4718 4 года назад +256

    Вот это подгон)) Лучше подарка на НГ просто не придумать)) Спасибо большое за твои труды!))

    • @andriyfedorchenko7936
      @andriyfedorchenko7936 4 года назад +4

      Присоединяюсь!

    • @POHORONIL-f2t
      @POHORONIL-f2t 2 года назад

      @@andriyfedorchenko7936 фжйхфйжхйййжхйлйжйхшххххййжхййхжххшхжшшзйьыыышцзушйнхххжжгэзгуэугууэлкщкэйцзэуэруугзэээзххухушэшхыэшзэхэзухухвэыээжээзшцыдщдгшгххзххэлыкчЫАыаиссссССсачДхцзйшшрижбшрэжохщюгхфцЦхсххоошхзщаааййпкркэщашршпкещбннучюечбюечебдбббчщЙйлйшкеФмйншодршлзлйэбодышщльвгсьгсииээшэойзхзхххххххххэххххэххзххнххйххххххххххххцххххххххшххххххххшххйхххнххщхххххххххххххлххххххэхххххххцшшхнхххххзуххххцлххйххххэнклуншхххшщшщхщхххещффшхххкшкецрдхзфцуцкцйцфгхщйхэфххгышышьшлшшшышыгхцххййханашхлххалхйшххфнрхщхухкхлххйхнкзэхххзхзххлшйхцхлшххйрхххххзххзезххэхзрузхзхзйхзхззвхцнйзйннхнзуннххзахххххххзхххшшажзэээрохзжххзххзххузйххухноггэушххшэлэжйэхэххйклцхййххххыхыыыэшыфххнщщехххйнщхкхэхэххххэзхзхххшээззхзнхххнззнхыйзхэххэхххжохзхзакзжхлзхххххпхех

    • @POHORONIL-f2t
      @POHORONIL-f2t 2 года назад

      А я хочу

    • @НадяВасильева-ю2ь
      @НадяВасильева-ю2ь 2 года назад

      Леопольд;;;;;;

  • @Trotskyst
    @Trotskyst 4 года назад +61

    3 с половиной часа. Чувак, камон, ты убиваешь без ножа)) это бомбическое видео!

    • @VladilenMinin
      @VladilenMinin  4 года назад +28

      Все для вашего образования)

  • @AndrNex27
    @AndrNex27 4 года назад +50

    Спасибо большое!)) Ты крут! Хотелось бы побольше именно таких курсов где полностью показан весь процесс разработки от А до Я, очень наглядно)) Ну и как обычно лайк))

    • @VladilenMinin
      @VladilenMinin  4 года назад +25

      Если зайдет, буду подобную практику внедрять чаще)

    • @AndrNex27
      @AndrNex27 4 года назад +5

      @@VladilenMinin обязательно зайдет)) Иначе просто быть не может))

    • @Давид-п8и
      @Давид-п8и 4 года назад +5

      @@VladilenMinin 100% зайдёт!!!

    • @ИгорьИгорь-с3ю
      @ИгорьИгорь-с3ю 2 года назад

      @@VladilenMinin Зашло-зашло. Очень профессионально сделанный курс, ты молодец.

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

      Хххххззззхззхзхзхзххзххзхххзххзхззххххзххххзхххззхххзззххххзхххххзхххзззххххзххххххзхххззхххххззххххххххзххххххххххххххххзззззхзххзззз

  • @antonf7382
    @antonf7382 3 года назад +28

    Смотрю перед НГ 2021! Спасибо, Владилен!:)

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

      Ты не один))

  • @babenoff
    @babenoff 4 года назад +22

    Прямо апплодирую стоя!!! Спасибо за такой крутой курс, Владилен!!! Успехов!!!

  • @abaysib
    @abaysib 2 года назад +9

    react-router-dom обновили. Теперь там нет Switch и Redirect. Заместо них Routes и Navigate соответственно. Также немного поменялась структура:




    _____________________________________________________________________________________________________________________
    useHistory больше нет, теперь тут useNavigate. После объявление переменно history не нужно писать history.push('путь'), вместо этого пишется просто history('путь')

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

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

    • @ZombaK-sg5bw
      @ZombaK-sg5bw 2 года назад +1

      exact вроде можно не прописывать, он автоматом включен

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

      а как зайти на mongoDB?

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

      @@jenyaermakov2514 доброе утро:) через vpn:) теперь новая проблема появилась, закончился бесплатный период webstorm и надо искать способы оплатить его :)

  • @misteryegor
    @misteryegor 4 года назад +18

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

    • @VladilenMinin
      @VladilenMinin  4 года назад +4

      Мое почтение :)
      Приятного просмотра)

  • @Agata-f1q
    @Agata-f1q Год назад +1

    Здравствуйте Владилен. Хочется вас поблагодарить. Я не специалист, только учусь. К сожалению информацию на курсах дают очень скомканую. В поисках нужного контента, набрела на ваше видео. 😊
    Видно сколько труда вы в него вложили, все очень понятно и доходчиво рассказываете и показываете. Спасибо, что думаете о тех, кто смотрит ваше видео, доступная скорость написания кода, все пошаговое, каждая загрузка с объяснением "зачем" и "почему". Следуя чётко по вашим стопам, смогла понять многие вещи, которые на курсах никак не ложились в голову. Еще раз огромное спасибо за ваш труд и затраченное время. И хотя видео записано три года назад и код немного устарел, в связи с обновлением react, но для обучения он все также актуален.
    Обязательно посмотрю остальное ваше видео. Хочется привести одну цитату и это про вас: "Чтобы вы не делали, делайте это от всей души!"

  • @mikebotkin9094
    @mikebotkin9094 2 года назад +48

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

  • @ЕгорНаумов-е4ш
    @ЕгорНаумов-е4ш 4 года назад +12

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

  • @sergsenya
    @sergsenya 3 года назад +16

    Дуже вдячний Вам за гарний контент, лайк та підписка)

  • @МаксимПопов-х3г
    @МаксимПопов-х3г 2 года назад +6

    Спасибо огромное, Владилен за Ваш труд! Курс очень крутой! Мне очень помог разобраться.

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

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

  • @ДжонКолоб-п7у
    @ДжонКолоб-п7у 2 года назад +5

    у кого вдруг такая ошибка на минуте 1:05:00
    export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
    это, как я выяснил, потому что react-router-dom с 6 версии переименовали Swith в Routes а Redirect в Navigate...
    проще всего откатить его до 5й версии и всё заработает. в папке clients в терминале пишем npm uninstall react-router-dom и сразу npm install react-router-dom@5.2.0

  • @akudrenko
    @akudrenko 4 года назад +9

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

  • @Давид-п8и
    @Давид-п8и 4 года назад +3

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

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

    Блинн, все очень круто. Попасть бы на полный курс к Владелину, но я бедный студент с Украины, так что не судьба. Но спасибо, за то что есть в free доступе! Честно говоря твои уроки и + книги + свои идеи к разным проектам, на которых изучаю js, дают отличный результат.
    Thanks a lot! You're a very good teacher!

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

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

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

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

  • @GorillaB
    @GorillaB 4 года назад +1

    первое мое знакомство с MERN стеком) оч круто записываешь) огромное спасибо тебе)) теперь буду разбираться дальше))

  • @АндрейАрхипов-г2г
    @АндрейАрхипов-г2г 3 года назад +4

    Смотришь первый раз - изучаешь, смотришь второй раз - применяшь для своего проекта. Чувствую, придется смотреть третий раз для полного понимания работы своего проекта. Видос реально ПОДАРОК. Привет из 2021)

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

      почему у меня ${PORT} не светится в предложении ("App has been started on port ${PORT}...") , он у меня такого же зеленого цвета также выходит в терминале Error option usecreateindex is not supported ответьте пожалуйста

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

      @@eldarbaktybekov2868 Кавычки у тебя стоят не те. нужны ( ` ) а не ( ' ) или ( " )

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

    Владилен, спасибо большое за твою работу для всех нас!!! Желаю тебе крепкого здоровья и исполнение всех планов и надежд!

  • @VadosM
    @VadosM 4 года назад +7

    Спасибо! Очень информативно, ничего лишнего. Крутой контент.

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

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

  • @RealSamGold
    @RealSamGold 4 года назад +29

    Все понятно, но с 1:30 примерно начинается магия... и дальше уже голова начинает греться. =)

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

      ОЗУ не хватате ?))

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

      @@daniilukraine3611, скорее нейронка не справляется. Надо прокачивать.

  • @ЭвелинаИногамова
    @ЭвелинаИногамова 4 года назад +2

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

  • @DIEZ919191
    @DIEZ919191 4 года назад +8

    Парни, ставьте лайки, подписывайтесь, включайте колокольчик и Владилен будет делать больше годных видео!

  • @kirillvkrasnov
    @kirillvkrasnov 4 года назад

    Что я могу добавить ко всем комментариям, которые здесь уже оставили для меня. Только следующее:
    Не знаю как попало это видео в список рекомендаций или даже в автоматическое воспроизведение, но, я его с удовольствием посмотрел. Я человек нелюбящий ни Java, ни Node, ни NoSQL БД посмотрел на веб-разработку глазами лагеря оппонентов и понял, почему так много сайтов, приложений написано на node и прочих технологиях. Да, это просто, удобно, быстро и легко (во всяком случае с вашими объяснениями, и по этому курсу даже я бы написал). Сразу скажу, что я все равно не буду писать приложения с помощью ваших технологий из-за "тяжелых" прослоек, но спасибо за очень хорошее видео по полному подробному программированию с нуля до готового приложения с back и frontendами. Я уверен, что оно поможет научиться программировать веб-приложения людей, которые даже не знакомы с node. Большое спасибо.

  • @vadimbely1974
    @vadimbely1974 4 года назад +14

    Огромный респект , как всегда - лучший! 💛

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

    1000 лайков!!! Спасибо, Владилен! Таких курсов на самом деле больше нет нигде!

  • @Evgos57
    @Evgos57 4 года назад +6

    Благодаря тебе, я смог начать профессионально заниматься тем, что нравится. Спасибо)

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

    Это видео решило очень много вопросов, возникших в процессе разработки похожего приложения. Спасибо огромное, Владилен!

  • @dmitriy-dev
    @dmitriy-dev 4 года назад +26

    Спасибо за видео, но есть несколько замечаний.
    1) В видео добавляешь 'expiresIn': '1h' на сервере, но не добавляешь обработку истёкшего токена на клиенте.
    2) Когда пользователь добавляет ссылку, которая есть у другого пользователя, то она не добавляется, так как при генерации надо проверять ее существование и по ссылке, и по юзеру Link.findOne({ from, owner: req.user.userId }), а ты проверяешь только по ссылке.

    • @volodymyr9826
      @volodymyr9826 4 года назад

      Thx

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

      я заметил еще один момент
      связанный с верификацией jwt
      в локал стор мы пишем токен и юзер айди , но юзер айди мы декодируем из токена итак

  • @patascha4520
    @patascha4520 4 года назад

    Владилен, вы очень доступно преподносите информацию. Благодарю за ваш труд.
    Для поддержки купила у вас три курса, чего и другим советую, даже просто для того, чтобы и дальше автор нам мог передавать накопленный годами свой опыт за довольно короткое время. Это много чего стоит!
    Ещё раз благодарность!

  • @adamroader2407
    @adamroader2407 4 года назад +34

    Никогда не ставил лайк так быстро.

  • @codegorian6057
    @codegorian6057 4 года назад +1

    спасибо за ваш труд, очень мало инфо на тему MERN и очень много людей которых не хватало такой контент, и что самое главное бесплатно

  • @serdargurbanmyradow287
    @serdargurbanmyradow287 4 года назад +8

    Большое спасибо Вам за Ваш труд.

  • @АлександрЛ-щ4ф
    @АлександрЛ-щ4ф 4 года назад +1

    Начал смотреть, думал просто тизер курса. А там 3,5 часа подготовленного материала, 3.5 часа Карл! Да как так-то? Огромное тебе спасибо за твои труды!

    • @VladilenMinin
      @VladilenMinin  4 года назад

      Решил записать большой ролик и сделать вам приятно)
      У меня таких знаний и идей очень много

  • @NVsquare
    @NVsquare 4 года назад +25

    лайк автоматом

  • @alexiki3523
    @alexiki3523 4 года назад +1

    Большое спасибо! Все как и сказал - качественно и актуально! Сил тебе и энтузиазма на дальнейшие проекты!

  • @АндрейБороздин-ф7ъ
    @АндрейБороздин-ф7ъ 4 года назад +30

    Отличный курс, Владилен. Правда реакт заменю на angular для себя

    • @VladilenMinin
      @VladilenMinin  4 года назад +8

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

    • @АндрейБороздин-ф7ъ
      @АндрейБороздин-ф7ъ 4 года назад +5

      @@VladilenMinin так я это и отметил)

    • @ПавелОстаточников
      @ПавелОстаточников 4 года назад

      Супер 👍, вчера только нашел на udemy курс по MERN на английском, т.к. на русском не было.
      Конечно на русском быстрее дело пойдет. Благодарность и лайк!

    • @АндрейБочарников-х5ъ
      @АндрейБочарников-х5ъ 4 года назад

      @@VladilenMinin подскажите, для новичков в Реакт это видео будет полезно или лучше заиметь хоть какой-то уровень в использовании Реакта?

    • @ЕгорМуравьёв-с2э
      @ЕгорМуравьёв-с2э 4 года назад +2

      @@АндрейБочарников-х5ъ найди it-camasutra, у него 2 курса по реакту, в одном 101 видео, а во втором чуть больше 20

  • @ВладиславМихеев-и5т
    @ВладиславМихеев-и5т 3 года назад +1

    Это просто потрясающе!!!! Никогда не писал комментарии)) но после такого.... это просто бомба! не останавливайся.

  • @СергейКрылов-ж4н
    @СергейКрылов-ж4н 4 года назад +28

    Афигенно

  • @andreykirichenko5577
    @andreykirichenko5577 4 года назад +1

    Вот это да! Искал на Udemy что-то годное по бекенду с реактом на русском, ничего не нашел, но в процессе случайно наткнулся и купил там твой курс по React Native. Вообще изучать React Native сегодня не планировал, но таки залип. Уже почти прошел его, все предельно понятно, схватываю на лету со скоростью х2! Почитал профиль, написано есть ютуб канал. Зашел сюда, а тут то что мне надо, свежее, и бесплатно. Начну смотреть завтра, но судя по комментам - многообещающе)))

    • @andreykirichenko5577
      @andreykirichenko5577 4 года назад

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

    • @VladilenMinin
      @VladilenMinin  4 года назад

      Возьми ещё ангуляр, не пожалеешь)
      Добро пожаловать

    • @andreykirichenko5577
      @andreykirichenko5577 4 года назад

      @@VladilenMinin вообще ангуляр изучать не собирался, но... гулять так гулять, взял)

  • @dmytroyamborko3030
    @dmytroyamborko3030 4 года назад +101

    Сними видео про Docker пожалуйста

    • @МаксимНырков-у6г
      @МаксимНырков-у6г 4 года назад +1

      Про него уже хрена туча видео. Да и зачем?

    • @andriikhomenko4061
      @andriikhomenko4061 4 года назад +5

      @@МаксимНырков-у6г автор канала делает хорошую подачу материала, так что в таком видео есть смысл.

    • @МаксимНырков-у6г
      @МаксимНырков-у6г 4 года назад +1

      @@andriikhomenko4061 пока нету

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

      @@МаксимНырков-у6г Привет, я тебя помню, ты у IT-KAMASUTRA обучался реакту да?)

    • @МаксимНырков-у6г
      @МаксимНырков-у6г 4 года назад

      @@rustamtishkov2479 Да

  • @kanstantsinmentorwebfronte8529
    @kanstantsinmentorwebfronte8529 4 года назад +1

    Владилен, спасибо! Отличный комплексный урок! С наступающим ;) !

  • @olehzahrebelnyi5996
    @olehzahrebelnyi5996 4 года назад +6

    ЭТО ЖЕ КРУТО!) СПАСИБО ОГРОМНОЕ! ЛАЙК ЗАРАНЕЕ ПОСТАВЛЮ!

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

    Спасибо за новогоднюю годноту!
    Отличный презент к праздникам. Однозначно лайк и все такое..

  • @HOTBOY9961
    @HOTBOY9961 4 года назад +9

    это круто! вот реально! это просто круто!!!

  • @WorldSkaynet
    @WorldSkaynet 4 года назад

    По поводу подписки.
    Давно подписан, Владилен.
    Наконец-то бесплатный контент для работяг. Спасибо тебе.
    Надо будет на выходных сделать себе скоратитель ссылок, и поставить на хостинг.
    Давно хотел с этой темой разобраться, а тут в одном видео, просто замечательно) 😉

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

    Сейчас могут быть трудности с mongoDb, если не хотите использовать vpn, то есть Sequelize для работы с популярными СУБД. Методы похожи, подключение к проекту не очень сложное, надеюсь, кому-то поможет

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

      А если разместить сайт на vps за пределами рф, mongoDB будет работать?

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

      @@ruslanaliev2933 Не пробовал, сказать не могу, но можно скачать mongo через vpn, а потом БД развернуть локально, разница будет в том, что нужно обращаться не на удаленный кластер, а просто к локальной бд, по идее это даже проще

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

      @@ruslanaliev2933 Если цель именно его выложить, то на vps также можно будет и mongo положить

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

      @@hardevzip Спасибо за ответ. Попробую разместить на vps. Есть такой хостинг inferno, там поддержка говорит, что должно всё работать.

  • @thevitali
    @thevitali 4 года назад +1

    Владилен, огромное спасибо!)) Своим контентом ты меняешь русский сегмент! Качественно, лаконично, актуально. Видно, что тщательно готовишь материал, во всех твоих курсах прослеживается структурность подачи материала. Такой контент приятно и легко воспринимается и за такой контент хочется платить!)) И чтобы твоя мотивация делать подобные вещи только росла, пожалуй, куплю твой курс по NodeJs (кстати ранее покупал по Angular, курс огонь!). А вообще неплохо было бы в какой-нибудь из твоих групп оставить реквизиты для свободного доната [если уже есть извиняюсь - не нашел :-( ]. Надеюсь найдется не мало желающих отблагодарить тебя за твой колоссальный труд!))

    • @VladilenMinin
      @VladilenMinin  4 года назад +1

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

  • @PavlikGyra
    @PavlikGyra 4 года назад +7

    Спасибо за ролик! Хотелось бы увидеть видео, как привязать к https.

  • @evkr5427
    @evkr5427 4 года назад +1

    Спасибо за большой труд! Удачи в продвижении канала! Все видео очень крутые!

  • @railh7566
    @railh7566 4 года назад +21

    От души =)

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

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

  • @ВсеволодЗорин-л6н
    @ВсеволодЗорин-л6н 4 года назад +1

    Человек, ты знаешь что делаешь . Благодарю тебя за такого рода инфу.... это было крайне полезно! Добра и благополучия в твой дом!)

  • @ОлегВячеславович-с6е
    @ОлегВячеславович-с6е 4 года назад +7

    Спасибо за урок, дай Бог тебе здоровья!!
    Насчет хранения важных данных в localStorage , не спровоцирует ли такое поведение атаки XSS ?
    И вообще очень хотелось бы увидеть от тебя видос по XSS/ CSRF

    • @MrBibiw
      @MrBibiw 4 года назад

      stackoverflow.com/questions/52558331/defending-against-xss-attack-with-mongoose

  • @АнастасіяГевчук-е4д
    @АнастасіяГевчук-е4д 3 года назад +2

    Дякую за детальне пояснення, дуже інформативно та цікаво!

  • @ВладимирЗадовский
    @ВладимирЗадовский 3 года назад

    Контент прекрасен! Действительно материал насыщенный - я за неделю даже половину не одолел ) Владилен, мне дико нравится как ты подаешь информацию. Я тащусь от твоего канала и поглощаю ролик за роликом как саранча ))

  • @alexkolesnik9063
    @alexkolesnik9063 4 года назад +14

    кажется пришла достойная замена Зораксу... плачу

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

      Зоракс просто читал книгу на камеру. Флэнагана

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

    Очень крутой курс, даже в 2022 году. Огромное спасибо !

  • @andryush333
    @andryush333 4 года назад +4

    Владилен как ты успеваешь ?)🔥🔥💪

    • @VladilenMinin
      @VladilenMinin  4 года назад +6

      Мне нравится то, что я делаю)

  • @DenisMikhalev
    @DenisMikhalev 4 года назад +1

    Гигантская работа проведена, мое огромное почтение) Спасибо, Владилен

  • @VladilenMinin
    @VladilenMinin  4 года назад +916

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

    • @АндрейБороздин-ф7ъ
      @АндрейБороздин-ф7ъ 4 года назад +27

      Отличный ролик. Еще раз отмечу - лучший канал на you tube по фронренду, фрэймворкам. И fullstack это вообще подарок

    • @VladilenMinin
      @VladilenMinin  4 года назад +9

      @@АндрейБороздин-ф7ъ Приятного просмотра и с наступающим )

    • @ilyabielov9864
      @ilyabielov9864 4 года назад +1

      Я обиделся. Хочеться токое для Angular. :(

    • @Natali_Ship
      @Natali_Ship 4 года назад

      Спасибо) очень полезно 👍 по бэкенд части у меня пробел в знаниях

    • @fpv_am
      @fpv_am 4 года назад +1

      Чувак, ты как Лапенко в мире веба) офигеть

  • @АндрейБебнев-э7с
    @АндрейБебнев-э7с 10 месяцев назад

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

  • @atla5_
    @atla5_ 4 года назад +75

    MongoDB, Express, React, NodeJS. И все в одном видео. Это вообще легально? 😁

    • @VladilenMinin
      @VladilenMinin  4 года назад +10

      Приятного просмотра)

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

      Осталось обернуть это все ts))

  • @promalp-plus6471
    @promalp-plus6471 3 года назад +1

    Владилен, спасибо огромное за это видео ! Будет здорово увидеть еще MEAN стек (с Angular Universal)

  • @nodirbekvositov
    @nodirbekvositov 4 года назад +10

    это все еще говорит unauthorized (401), даже если я делаю то, что ты сделал

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

      Решил проблему?

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

      В какой момент? Какой запрос? Что в логах?

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

      @@eugeneponomarov7429 Момент на 2:30:38. Автор решает эту проблему и у него ошибка пропадает. У меня, в свою очередь, осталась. Что в логах сказать не могу, нет доступа к проекту. Ориентируясь по комментам менял время жизни токена, условия, искал в инете костыли, но не помогло.

    • @Юлия-з5м2й
      @Юлия-з5м2й 3 года назад +1

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

    • @Руслан-д8в2ы
      @Руслан-д8в2ы 2 года назад +1

      я удалил в базе данных пользователя, создал нового. И из под нового 401 не появляется

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

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

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

    Ты лучший! Мне как воздух надо. Устраивался как фронтендер на первую работу, а оказалось буду фулстаком. Срочно надо доучиваться, а тут такой подарок

  • @СусловРостислав
    @СусловРостислав 3 года назад +4

    дякую!

  • @ЯковВладимиров
    @ЯковВладимиров 4 года назад +1

    Спасибо огрмное! Видеокурс супреский! Понравилось что все быстро и по делу. Не успеваю печатать код за видео! Очень хочу еще уроков от тебя!

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

    Mongo не работает, к сожалению((

  • @МаксимПодымов-в5н
    @МаксимПодымов-в5н 4 года назад

    Однозначно один из самых лучших контентов на ютубе по frontend. Спасибо огромное за твой труд.

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

    Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев -
    bit.ly/3QWeEXS
    Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3nkOa4P

  • @esenarykbaev5239
    @esenarykbaev5239 4 года назад +1

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

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

    Кудесник. Спасибо за курс, всё кратко и по существу. Пересмотрю еще несколько раз, пока в голове не отложится.

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

    Привет Владилен, огромное спасибо тебе за труды, я в 41 год вошёл в it

  • @JohnyDNU
    @JohnyDNU 4 года назад

    Спасибо огромное, хорошее видео! Вот прям инструкция "бери и делай"!
    Сразу узнал и как в mogoose связи между моделями делать, и что без babel можно спокойно обойтись, и как весь трафик (static и API) через единую точку входа вывести (как для разработки, так и для прода), и как react завести, как его же routes подружить!
    Единственное, что осталось не понятным, так это назначение функций useEffect и useCallback, и какую задачу мы решаем, используя их. Ну т.е. не понятно, в каких ситуациях и с какой целью их в дальнейшем использовать...

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

    Спасибо, курс крутой) попробуй такую практику, на каких-то моментах, когда часть кода уже функционирует, делать коммиты, чтоб если кто-то застрял с определённом месте, мог сравнить свой код с твоим на данном этапе

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

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

  • @alybin
    @alybin 4 года назад +1

    Владилен, делайте, пожалуйста, еще видео такого формата. Именно создание приложения end to end, как будто имитация того, что взял заказ на фрилансе и полностью сам все сделал. Спасибо огромное!

  • @user-QesOrwuMqN
    @user-QesOrwuMqN 4 года назад

    Большое дело сделал, респект. Всегда интересно посмотреть, как коллеги работают!
    Если позволите чутка критики:
    1. в роутах express try catch выбрасывающий 500 для всех роутов лучше вынести в миддлвару, тогда не придется его дублировать
    2. на клиенте сейчас, из-за того что хук работы с API слишком абстрактный, пути до API Endpoints разбросаны по всему коду, хорошо чтобы они были в одном методе, а хук экспортировал конкретные методы
    3. пути на клиенте для ссылок лучше вынести в отдельное место и оттуда их импортировать, проблема - захочешь устроить рефакторинг URL'ов будешь обречен бегать по всему коду, в идеале маршруты сделать именованными, тогда при генерации ссылки указывать имя и параметры
    4. на будущее рекомендую заранее продумывать словарь терминов, и потом их использовать в коде, так и консистентность будет поддерживаться и в будущем будет меньше проблем с пониманием кода (например спустя пол-года/год)

    • @VladilenMinin
      @VladilenMinin  4 года назад

      Привет, в целом валидные замечания
      Я лишь хочу подчеркнуть, что данное приложение намеренно упрощено и часть вещей я сознательно не делал
      Полный продакшн код можно будет увидеть в платных продуктах )

  • @VIS-86
    @VIS-86 4 года назад +1

    Владилен, огромная благодарность за видео, было очень интересно и познавательно! Успехов и новых подписчиков)!

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

    Спасибо большое вам Владилен, сейчас сяду буду делать mern проект )

  • @maxSamolet
    @maxSamolet 4 года назад

    Это то, что нужно. Как раз это и хотел освоить. Супер. Владилен, огромное спасибо за твой труд.

    • @VladilenMinin
      @VladilenMinin  4 года назад

      Приятного просмотра)

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

    Как же много продвинутой инфы!! Спасибо! React + NodeJS. Fullstack приложение за 3 часа

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

      почему у меня ${PORT} не светится в предложении ("App has been started on port ${PORT}...") , он у меня такого же зеленого цвета также выходит в терминале Error option usecreateindex is not supported ответьте пожалуйста

  • @anika5307
    @anika5307 4 года назад +1

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

  • @МурадМавлидов
    @МурадМавлидов 4 года назад

    Красавчик! Работаю frontend разработчиком, стек: slim, js, react, svelte. Решил идти в сторону фуллстек, надеюсь будет больше подобного контента)

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

    Спасибо, Владлен, очень достойный контент без воды, все по теме и доступно объясняешь, а рамках русского ютюба ты один из лучших, если не лучший в плане подачи информации и ее качества. Есть такой вопрос в плане применения функции useCallback, как ты определяешь, в какие моменты ее нужно применять, т.е. потенциальные места где отработка React может зайти в рекурсию, это например в пользовательских хуках или в useEffect? Почему именно там возможно зацикливание ни как не могу понять

  • @kika2758
    @kika2758 4 года назад

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

  • @dizelvinable
    @dizelvinable 4 года назад

    Спасибо большое за контент! Я сам хоть и не JS-ник, но с большим интересом смотрю Ваши видео. Очень доступно всё объясняете.

  • @andriyaka
    @andriyaka 4 года назад

    Спасибо, тебе большое добрый челеовек. Реально долюался сутки что спа-приложение сделать. Спал часа 3, сейчас смотрю и делаю не могу оторваться. Хорошо пожато и мало воды. Единственное что описан метод хранения токена в локал стореджи, а для безопасности лучи хранить в куки.

  • @nikitaundefined8549
    @nikitaundefined8549 4 года назад +1

    Жирный лайк за регистрацию/авторизацию очень пригодились знания для своего проекта!)

  • @eXcroll
    @eXcroll 4 года назад

    Отличный видеоурок! по идее тут вообще всё объяснено, все основы по M.E.R.N., остальное уже мелочи и доработки, качественное донесение материала. Большое спасибо за проделанный труд.
    P.S.: и да, уникальный такого нет в инете.

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

    Спасибо Вам. Только вчера подписалась на канал, много интересных роликов на Вашем канале. Я только начинаю путь в IT. Благодарю!