Ребят, над роликом действительно трудился очень долго. Это не стрим, а заранее заготовленные, структурированный материал без воды. Подарок подписчикам моего канала :) Буду рад если вы поможете в продвижении ролика поставив лайк, комментарий и колокольчик Приятного просмотра )
@@kmesh9 принципы вообще не те же, в php например не нужно писать каждый раз серверную часть и батончики запросов. Геморроя на много мешке ну и проблем. Это первое. Второе, зачем эта фигня если нового она или полезного ничего не даёт? Новое ради нового? Бред же.
@@NikK0lay то есть ты поставил дизлайк за то, что просто не используешь данный стек, а не за качество контента в данном видео? бред же и никакой логики
Идеальный подход, метод, голос, подача материала, интонация, скорость речи, дикция, без тупорылых посторонних мыслей и левого юмора, которые сбивают с пути. Красава! Учусь теперь по тебе.
Да. Такого курса и правда не найти! Смотрю уже 2 раза и это не предел, каждый раз понимаешь всё больше нюансов и "бэстпрактисов". Огромное тебе спасибо за твои труды.
Спасибо за видео, но есть несколько замечаний. 1) В видео добавляешь 'expiresIn': '1h' на сервере, но не добавляешь обработку истёкшего токена на клиенте. 2) Когда пользователь добавляет ссылку, которая есть у другого пользователя, то она не добавляется, так как при генерации надо проверять ее существование и по ссылке, и по юзеру Link.findOne({ from, owner: req.user.userId }), а ты проверяешь только по ссылке.
Спасибо большое!)) Ты крут! Хотелось бы побольше именно таких курсов где полностью показан весь процесс разработки от А до Я, очень наглядно)) Ну и как обычно лайк))
Здравствуйте Владилен. Хочется вас поблагодарить. Я не специалист, только учусь. К сожалению информацию на курсах дают очень скомканую. В поисках нужного контента, набрела на ваше видео. 😊 Видно сколько труда вы в него вложили, все очень понятно и доходчиво рассказываете и показываете. Спасибо, что думаете о тех, кто смотрит ваше видео, доступная скорость написания кода, все пошаговое, каждая загрузка с объяснением "зачем" и "почему". Следуя чётко по вашим стопам, смогла понять многие вещи, которые на курсах никак не ложились в голову. Еще раз огромное спасибо за ваш труд и затраченное время. И хотя видео записано три года назад и код немного устарел, в связи с обновлением react, но для обучения он все также актуален. Обязательно посмотрю остальное ваше видео. Хочется привести одну цитату и это про вас: "Чтобы вы не делали, делайте это от всей души!"
Респект за то, что ты делаешь! Лёгкого контента с основами очень много, а вот за что-то углублённое мало кто берётся! А если кто-то и берётся, то поверхностно и с водой! Но ты исключение! Будем поддерживать тебя! Реально спасибо тебе! Лайк, комментарий, подписка, колокольчик!
Блинн, все очень круто. Попасть бы на полный курс к Владелину, но я бедный студент с Украины, так что не судьба. Но спасибо, за то что есть в free доступе! Честно говоря твои уроки и + книги + свои идеи к разным проектам, на которых изучаю js, дают отличный результат. Thanks a lot! You're a very good teacher!
Владилен, спасибо большое за такой огромный, всеобъемлющий, четкий и понятный разбор! Такое количество информации вряд ли где-нибудь ещё есть, да ещё и в одном ролике сразу Спасибо!
советую всем посмотреть данный ролик, подача информации лаконичная, захватывает важные нюансы в плане разработки. посмотрел не один ролик данного автора, труд действительно колоссальный в плане информативности и подачи, что большая редкость в русском сегменте. говорю как фулл-стек с 6-и летним опытом. для начинающих разработчиков и для тех кому нужно освежить память - канал очень стоящий
Смотришь первый раз - изучаешь, смотришь второй раз - применяшь для своего проекта. Чувствую, придется смотреть третий раз для полного понимания работы своего проекта. Видос реально ПОДАРОК. Привет из 2021)
почему у меня ${PORT} не светится в предложении ("App has been started on port ${PORT}...") , он у меня такого же зеленого цвета также выходит в терминале Error option usecreateindex is not supported ответьте пожалуйста
Я не знаю, сколько времени ты потратил на подготовку к ролику, но понимаю, что работа была проделана фантастическая. Что бы вот так последовательно писать код, параллельно объясняя свои шаги, и еще исправляя маленькие баги - это просто потрясно! Я исполльзую этот ролик как некую энциклопедию, пересматривая отдельные части по необходимости. Огромное спасибо за проделанную работу.
Спасибо большое за старания! Ещё очень бы хотелось увидеть более сложную настройку и конфигурацию сервера, например поднятие сервера на Docker, разделение Frontend и Backend на разные проекты и взаимодействие между ними посредством CORS, настройка CI/CD (например Jenkins), настройка Nginx. Но это я наверное слишком раскатал губу ) В любом случае, то что делаешь ты, в рунете больше не делает никто, так что за это огромный респект!
Спасибо, шикарнейшее видео! Я так долго мучился собирая информацию то об одном , то о другом, но целая картина никак не складывалась. А вот когда все в одном видео, от начала до конца, невероятно полезно!
react-router-dom обновили. Теперь там нет Switch и Redirect. Заместо них Routes и Navigate соответственно. Также немного поменялась структура:
_____________________________________________________________________________________________________________________ useHistory больше нет, теперь тут useNavigate. После объявление переменно history не нужно писать history.push('путь'), вместо этого пишется просто history('путь')
@@jenyaermakov2514 доброе утро:) через vpn:) теперь новая проблема появилась, закончился бесплатный период webstorm и надо искать способы оплатить его :)
Владилен, вы очень доступно преподносите информацию. Благодарю за ваш труд. Для поддержки купила у вас три курса, чего и другим советую, даже просто для того, чтобы и дальше автор нам мог передавать накопленный годами свой опыт за довольно короткое время. Это много чего стоит! Ещё раз благодарность!
Супер 👍, вчера только нашел на udemy курс по MERN на английском, т.к. на русском не было. Конечно на русском быстрее дело пойдет. Благодарность и лайк!
Владилен, нет слов - одни эмоции! Вобщем - мега красавчик)) Осилил видео, правда, не за раз, а за три дня (попутно подпиливая свой проект). Респект и уважуха тебе! Успехов! И ждём дальнейшей годноты, которой у тебя - постоянно в достатке! И самое главное - крепкого здоровья тебе!
у кого вдруг такая ошибка на минуте 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
Что я могу добавить ко всем комментариям, которые здесь уже оставили для меня. Только следующее: Не знаю как попало это видео в список рекомендаций или даже в автоматическое воспроизведение, но, я его с удовольствием посмотрел. Я человек нелюбящий ни Java, ни Node, ни NoSQL БД посмотрел на веб-разработку глазами лагеря оппонентов и понял, почему так много сайтов, приложений написано на node и прочих технологиях. Да, это просто, удобно, быстро и легко (во всяком случае с вашими объяснениями, и по этому курсу даже я бы написал). Сразу скажу, что я все равно не буду писать приложения с помощью ваших технологий из-за "тяжелых" прослоек, но спасибо за очень хорошее видео по полному подробному программированию с нуля до готового приложения с back и frontendами. Я уверен, что оно поможет научиться программировать веб-приложения людей, которые даже не знакомы с node. Большое спасибо.
По поводу подписки. Давно подписан, Владилен. Наконец-то бесплатный контент для работяг. Спасибо тебе. Надо будет на выходных сделать себе скоратитель ссылок, и поставить на хостинг. Давно хотел с этой темой разобраться, а тут в одном видео, просто замечательно) 😉
Спасибо за урок, дай Бог тебе здоровья!! Насчет хранения важных данных в localStorage , не спровоцирует ли такое поведение атаки XSS ? И вообще очень хотелось бы увидеть от тебя видос по XSS/ CSRF
Контент прекрасен! Действительно материал насыщенный - я за неделю даже половину не одолел ) Владилен, мне дико нравится как ты подаешь информацию. Я тащусь от твоего канала и поглощаю ролик за роликом как саранча ))
Владилен, делайте, пожалуйста, еще видео такого формата. Именно создание приложения end to end, как будто имитация того, что взял заказ на фрилансе и полностью сам все сделал. Спасибо огромное!
Вот это да! Искал на Udemy что-то годное по бекенду с реактом на русском, ничего не нашел, но в процессе случайно наткнулся и купил там твой курс по React Native. Вообще изучать React Native сегодня не планировал, но таки залип. Уже почти прошел его, все предельно понятно, схватываю на лету со скоростью х2! Почитал профиль, написано есть ютуб канал. Зашел сюда, а тут то что мне надо, свежее, и бесплатно. Начну смотреть завтра, но судя по комментам - многообещающе)))
Сейчас могут быть трудности с mongoDb, если не хотите использовать vpn, то есть Sequelize для работы с популярными СУБД. Методы похожи, подключение к проекту не очень сложное, надеюсь, кому-то поможет
@@ruslanaliev2933 Не пробовал, сказать не могу, но можно скачать mongo через vpn, а потом БД развернуть локально, разница будет в том, что нужно обращаться не на удаленный кластер, а просто к локальной бд, по идее это даже проще
@@eugeneponomarov7429 Момент на 2:30:38. Автор решает эту проблему и у него ошибка пропадает. У меня, в свою очередь, осталась. Что в логах сказать не могу, нет доступа к проекту. Ориентируясь по комментам менял время жизни токена, условия, искал в инете костыли, но не помогло.
@@sergienkoandrey3855 у меня была та же ошибка, кроме нее добавилась ошибка экспресс и пока не могу понять в чем дело. говорят надо прописать иначе строку где подключаем экспресс, но мне не помогает(
Спасибо огромное, хорошее видео! Вот прям инструкция "бери и делай"! Сразу узнал и как в mogoose связи между моделями делать, и что без babel можно спокойно обойтись, и как весь трафик (static и API) через единую точку входа вывести (как для разработки, так и для прода), и как react завести, как его же routes подружить! Единственное, что осталось не понятным, так это назначение функций useEffect и useCallback, и какую задачу мы решаем, используя их. Ну т.е. не понятно, в каких ситуациях и с какой целью их в дальнейшем использовать...
Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев - bit.ly/3QWeEXS Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3nkOa4P
Владилен Спасибо тебе большое! Отличный ролик очень помог наглядно - практически пройти весь процесс от начало до донца. Прошло уже два года после того как ты выложил это видео. Сейчас февраль 2022 и видео очень актуальное! Ты много полезностей сделал и продолжаешь делать но у меня есть мечта, что у тебя появилась мечта сделать видео о сложной логанизации с многоуровневыми ролями: Админ, Пользователь, Редактор и т.д. с использование Куки, ( рэфрешь и акцесс токенов ) и прилепить туда функционал по сбору лайков.
Тем кто не знает ничего по NODE-EXPRESS , посмотрите для начала его курс по nodeJS хотя бы базу понимать нужно ) Владилен Виновен в том что только его курсы могу нормально смотреть )) Спасибо большое ! Надеюсь на встречу в скором будущем )
Большое дело сделал, респект. Всегда интересно посмотреть, как коллеги работают! Если позволите чутка критики: 1. в роутах express try catch выбрасывающий 500 для всех роутов лучше вынести в миддлвару, тогда не придется его дублировать 2. на клиенте сейчас, из-за того что хук работы с API слишком абстрактный, пути до API Endpoints разбросаны по всему коду, хорошо чтобы они были в одном методе, а хук экспортировал конкретные методы 3. пути на клиенте для ссылок лучше вынести в отдельное место и оттуда их импортировать, проблема - захочешь устроить рефакторинг URL'ов будешь обречен бегать по всему коду, в идеале маршруты сделать именованными, тогда при генерации ссылки указывать имя и параметры 4. на будущее рекомендую заранее продумывать словарь терминов, и потом их использовать в коде, так и консистентность будет поддерживаться и в будущем будет меньше проблем с пониманием кода (например спустя пол-года/год)
Привет, в целом валидные замечания Я лишь хочу подчеркнуть, что данное приложение намеренно упрощено и часть вещей я сознательно не делал Полный продакшн код можно будет увидеть в платных продуктах )
Вот еще одно замечание. check('email', 'Введите корректный email').normalizeEmail().isEmail() - должен быть (или не быть) в обоих случаях - и логина и регистрации Если в одном есть а в другом нет, то может выйти путаница или пользователь не найден. т.к. при .normalizeEmail() он сводит к нижнему регистру и удаляет точки в имени, в итоге это разные имейлы. Пока понял в чем дело проверил весь код на ошибки 10 раз, но опыт классный. Спасибо за видео! Крутяк!
спасибо добрый человек, я сам никак не мог отладить этот баг, так как указывал емейл с точной в первой части. После твоего комментеа протестил с другим емейлом и заработало...
Спасибо, курс крутой) попробуй такую практику, на каких-то моментах, когда часть кода уже функционирует, делать коммиты, чтоб если кто-то застрял с определённом месте, мог сравнить свой код с твоим на данном этапе
Спасибо за материал. Согласен, что это наиболее интересный и полный канал по кодингу в ру-сегменте. Пока не наткнулся, смотрел сугубо супостатские каналы.
За такие ролики просто лайка не достаточно, должна быть градация благодарности на ютубе - лайчек, лайк, лайчище и супер-мего-лайчище. Так вот, Владилен, супер-мего-лайчище не достаточно, в виде благодарности за ваш контент. Супер, отлично, огрооомная вам благодарность
Отличный видеоурок! по идее тут вообще всё объяснено, все основы по M.E.R.N., остальное уже мелочи и доработки, качественное донесение материала. Большое спасибо за проделанный труд. P.S.: и да, уникальный такого нет в инете.
![React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]](http://i.ytimg.com/vi/kz23xxukY5s/mqdefault.jpg)
![ร้อยพ่อพันแม่ - WanMai [Official MV]](http://i.ytimg.com/vi/XY2pNYASEbg/mqdefault.jpg)
Исходники тут: t.me/js_by_vladilen/116
Эксклюзивный контент на моем Boosty: boosty.to/vladilen
а можно node(Express) + VUE2.JS ) а то реакт очь популярен а про вью забывают (
Ребят, над роликом действительно трудился очень долго. Это не стрим, а заранее заготовленные, структурированный материал без воды. Подарок подписчикам моего канала :)
Буду рад если вы поможете в продвижении ролика поставив лайк, комментарий и колокольчик
Приятного просмотра )
Отличный ролик. Еще раз отмечу - лучший канал на you tube по фронренду, фрэймворкам. И fullstack это вообще подарок
@@АндрейБороздин-ф7ъ Приятного просмотра и с наступающим )
Я обиделся. Хочеться токое для Angular. :(
Спасибо) очень полезно 👍 по бэкенд части у меня пробел в знаниях
Чувак, ты как Лапенко в мире веба) офигеть
Как можно ставить дизлайки человеку, который даже потенциальные ошибки обговаривает...
Потому что php + MySQL + nginx эта связка без всего этого гемороя
@@NikK0lay Какой геморой-то? Это просто альтернативный стек, принципы те же самые
@@kmesh9 принципы вообще не те же, в php например не нужно писать каждый раз серверную часть и батончики запросов. Геморроя на много мешке ну и проблем. Это первое.
Второе, зачем эта фигня если нового она или полезного ничего не даёт? Новое ради нового? Бред же.
@@NikK0lay то есть ты поставил дизлайк за то, что просто не используешь данный стек, а не за качество контента в данном видео? бред же и никакой логики
@@АндрейБочарников-х5ъ он просто не понимает + это работает быстрей, да и зачем учить что то новые и современное если есть php....
Идеальный подход, метод, голос, подача материала, интонация, скорость речи, дикция, без тупорылых посторонних мыслей и левого юмора, которые сбивают с пути. Красава! Учусь теперь по тебе.
Да. Такого курса и правда не найти! Смотрю уже 2 раза и это не предел, каждый раз понимаешь всё больше нюансов и "бэстпрактисов". Огромное тебе спасибо за твои труды.
Вот это подгон)) Лучше подарка на НГ просто не придумать)) Спасибо большое за твои труды!))
Присоединяюсь!
@@andriyfedorchenko7936 фжйхфйжхйййжхйлйжйхшххххййжхййхжххшхжшшзйьыыышцзушйнхххжжгэзгуэугууэлкщкэйцзэуэруугзэээзххухушэшхыэшзэхэзухухвэыээжээзшцыдщдгшгххзххэлыкчЫАыаиссссССсачДхцзйшшрижбшрэжохщюгхфцЦхсххоошхзщаааййпкркэщашршпкещбннучюечбюечебдбббчщЙйлйшкеФмйншодршлзлйэбодышщльвгсьгсииээшэойзхзхххххххххэххххэххзххнххйххххххххххххцххххххххшххххххххшххйхххнххщхххххххххххххлххххххэхххххххцшшхнхххххзуххххцлххйххххэнклуншхххшщшщхщхххещффшхххкшкецрдхзфцуцкцйцфгхщйхэфххгышышьшлшшшышыгхцххййханашхлххалхйшххфнрхщхухкхлххйхнкзэхххзхзххлшйхцхлшххйрхххххзххзезххэхзрузхзхзйхзхззвхцнйзйннхнзуннххзахххххххзхххшшажзэээрохзжххзххзххузйххухноггэушххшэлэжйэхэххйклцхййххххыхыыыэшыфххнщщехххйнщхкхэхэххххэзхзхххшээззхзнхххнззнхыйзхэххэхххжохзхзакзжхлзхххххпхех
А я хочу
Леопольд;;;;;;
Прямо апплодирую стоя!!! Спасибо за такой крутой курс, Владилен!!! Успехов!!!
Спасибо за видео, но есть несколько замечаний.
1) В видео добавляешь 'expiresIn': '1h' на сервере, но не добавляешь обработку истёкшего токена на клиенте.
2) Когда пользователь добавляет ссылку, которая есть у другого пользователя, то она не добавляется, так как при генерации надо проверять ее существование и по ссылке, и по юзеру Link.findOne({ from, owner: req.user.userId }), а ты проверяешь только по ссылке.
Thx
я заметил еще один момент
связанный с верификацией jwt
в локал стор мы пишем токен и юзер айди , но юзер айди мы декодируем из токена итак
3 с половиной часа. Чувак, камон, ты убиваешь без ножа)) это бомбическое видео!
Все для вашего образования)
Спасибо большое!)) Ты крут! Хотелось бы побольше именно таких курсов где полностью показан весь процесс разработки от А до Я, очень наглядно)) Ну и как обычно лайк))
Если зайдет, буду подобную практику внедрять чаще)
@@VladilenMinin обязательно зайдет)) Иначе просто быть не может))
@@VladilenMinin 100% зайдёт!!!
@@VladilenMinin Зашло-зашло. Очень профессионально сделанный курс, ты молодец.
Хххххззззхззхзхзхзххзххзхххзххзхззххххзххххзхххззхххзззххххзхххххзхххзззххххзххххххзхххззхххххззххххххххзххххххххххххххххзззззхзххзззз
Смотрю перед НГ 2021! Спасибо, Владилен!:)
Ты не один))
Очень крутой курс, огромное спасибо! Хотелось бы больше таких масштабных уроков! Сильно помогаешь в развитии, продолжай в том же духе!
Лучший урок, который я когда либо смотрел. Без воды и лишнего. Все только по сути! Автору оооочень большой респект!!!
Поставил лайк, комментирую, колокольчик включен, рассказал всем соседям про новый ролик) О таком подгоне даже не мечтал, спасибо)
Мое почтение :)
Приятного просмотра)
Здравствуйте Владилен. Хочется вас поблагодарить. Я не специалист, только учусь. К сожалению информацию на курсах дают очень скомканую. В поисках нужного контента, набрела на ваше видео. 😊
Видно сколько труда вы в него вложили, все очень понятно и доходчиво рассказываете и показываете. Спасибо, что думаете о тех, кто смотрит ваше видео, доступная скорость написания кода, все пошаговое, каждая загрузка с объяснением "зачем" и "почему". Следуя чётко по вашим стопам, смогла понять многие вещи, которые на курсах никак не ложились в голову. Еще раз огромное спасибо за ваш труд и затраченное время. И хотя видео записано три года назад и код немного устарел, в связи с обновлением react, но для обучения он все также актуален.
Обязательно посмотрю остальное ваше видео. Хочется привести одну цитату и это про вас: "Чтобы вы не делали, делайте это от всей души!"
Спасибо огромное, Владилен за Ваш труд! Курс очень крутой! Мне очень помог разобраться.
Редко ставлю комментарии, но здесь обязан. Спасибо тебе человек добрый, пусть бог хранит тебе,
Все понятно, но с 1:30 примерно начинается магия... и дальше уже голова начинает греться. =)
ОЗУ не хватате ?))
@@daniilukraine3611, скорее нейронка не справляется. Надо прокачивать.
Респект за то, что ты делаешь! Лёгкого контента с основами очень много, а вот за что-то углублённое мало кто берётся! А если кто-то и берётся, то поверхностно и с водой! Но ты исключение! Будем поддерживать тебя! Реально спасибо тебе! Лайк, комментарий, подписка, колокольчик!
Блинн, все очень круто. Попасть бы на полный курс к Владелину, но я бедный студент с Украины, так что не судьба. Но спасибо, за то что есть в free доступе! Честно говоря твои уроки и + книги + свои идеи к разным проектам, на которых изучаю js, дают отличный результат.
Thanks a lot! You're a very good teacher!
Спасибо за интересные, качественные уроки! Это поистине неиссякаемый источник вдохновения) С нетерпением жду новых роликов
Владилен, спасибо большое за такой огромный, всеобъемлющий, четкий и понятный разбор!
Такое количество информации вряд ли где-нибудь ещё есть, да ещё и в одном ролике сразу
Спасибо!
Дуже вдячний Вам за гарний контент, лайк та підписка)
Владилен, спасибо за такой интересный и полезный курс, особенно для тех кто то только начинает, как я.
советую всем посмотреть данный ролик, подача информации лаконичная, захватывает важные нюансы в плане разработки. посмотрел не один ролик данного автора, труд действительно колоссальный в плане информативности и подачи, что большая редкость в русском сегменте. говорю как фулл-стек с 6-и летним опытом. для начинающих разработчиков и для тех кому нужно освежить память - канал очень стоящий
Благодарю за отзыв)
Смотришь первый раз - изучаешь, смотришь второй раз - применяшь для своего проекта. Чувствую, придется смотреть третий раз для полного понимания работы своего проекта. Видос реально ПОДАРОК. Привет из 2021)
почему у меня ${PORT} не светится в предложении ("App has been started on port ${PORT}...") , он у меня такого же зеленого цвета также выходит в терминале Error option usecreateindex is not supported ответьте пожалуйста
@@eldarbaktybekov2868 Кавычки у тебя стоят не те. нужны ( ` ) а не ( ' ) или ( " )
Я не знаю, сколько времени ты потратил на подготовку к ролику, но понимаю, что работа была проделана фантастическая. Что бы вот так последовательно писать код, параллельно объясняя свои шаги, и еще исправляя маленькие баги - это просто потрясно! Я исполльзую этот ролик как некую энциклопедию, пересматривая отдельные части по необходимости. Огромное спасибо за проделанную работу.
⁰
Ве
Шв
Н
@@SAY_FU_LIN we can do it again and again and the one you can do everything I have
Спасибо большое за старания! Ещё очень бы хотелось увидеть более сложную настройку и конфигурацию сервера, например поднятие сервера на Docker, разделение Frontend и Backend на разные проекты и взаимодействие между ними посредством CORS, настройка CI/CD (например Jenkins), настройка Nginx. Но это я наверное слишком раскатал губу ) В любом случае, то что делаешь ты, в рунете больше не делает никто, так что за это огромный респект!
Спасибо, шикарнейшее видео! Я так долго мучился собирая информацию то об одном , то о другом, но целая картина никак не складывалась. А вот когда все в одном видео, от начала до конца, невероятно полезно!
Спасибо! Очень информативно, ничего лишнего. Крутой контент.
первое мое знакомство с MERN стеком) оч круто записываешь) огромное спасибо тебе)) теперь буду разбираться дальше))
Парни, ставьте лайки, подписывайтесь, включайте колокольчик и Владилен будет делать больше годных видео!
Впервые дошел до бэка с деплоем, до этого только фронт пилил. Спасибо за это!
react-router-dom обновили. Теперь там нет Switch и Redirect. Заместо них Routes и Navigate соответственно. Также немного поменялась структура:
_____________________________________________________________________________________________________________________
useHistory больше нет, теперь тут useNavigate. После объявление переменно history не нужно писать history.push('путь'), вместо этого пишется просто history('путь')
Спасибо, бро! Я застрял на этом моменте как раз, начал переделывать, но куча ошибок все равно :)
exact вроде можно не прописывать, он автоматом включен
а как зайти на mongoDB?
@@jenyaermakov2514 доброе утро:) через vpn:) теперь новая проблема появилась, закончился бесплатный период webstorm и надо искать способы оплатить его :)
Прошло 3 года но видио остаетсья самым октуалным в ру комюнити ОГРОМНОЕ ТЕБЕ СПАСИБО ВЛАДИЛЕН
Топ видос, ребята. Такие на udemy прилично так стоят денег.
Владилен, спасибо большое за твою работу для всех нас!!! Желаю тебе крепкого здоровья и исполнение всех планов и надежд!
Огромный респект , как всегда - лучший! 💛
Владилен, вы очень доступно преподносите информацию. Благодарю за ваш труд.
Для поддержки купила у вас три курса, чего и другим советую, даже просто для того, чтобы и дальше автор нам мог передавать накопленный годами свой опыт за довольно короткое время. Это много чего стоит!
Ещё раз благодарность!
Благодаря тебе, я смог начать профессионально заниматься тем, что нравится. Спасибо)
Владилен, спасибо Вам большое за Ваши труды, этот канал наверное лучший из русскоязычных
Отличный курс, Владилен. Правда реакт заменю на angular для себя
В курсе даны все необходимые для этого знания)
Тут больше акцент именно на связке, так что подойдет
@@VladilenMinin так я это и отметил)
Супер 👍, вчера только нашел на udemy курс по MERN на английском, т.к. на русском не было.
Конечно на русском быстрее дело пойдет. Благодарность и лайк!
@@VladilenMinin подскажите, для новичков в Реакт это видео будет полезно или лучше заиметь хоть какой-то уровень в использовании Реакта?
@@АндрейБочарников-х5ъ найди it-camasutra, у него 2 курса по реакту, в одном 101 видео, а во втором чуть больше 20
Владилен, нет слов - одни эмоции! Вобщем - мега красавчик)) Осилил видео, правда, не за раз, а за три дня (попутно подпиливая свой проект). Респект и уважуха тебе! Успехов! И ждём дальнейшей годноты, которой у тебя - постоянно в достатке! И самое главное - крепкого здоровья тебе!
Большое спасибо Вам за Ваш труд.
Очень полезные уроки на канале, узнаю много нового. Действительно очень мало подобных уроков с пошаговой разработкой с нуля. Огромное спасибо))
у кого вдруг такая ошибка на минуте 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
Thanks
спасибо за ваш труд, очень мало инфо на тему MERN и очень много людей которых не хватало такой контент, и что самое главное бесплатно
это круто! вот реально! это просто круто!!!
Это просто потрясающе!!!! Никогда не писал комментарии)) но после такого.... это просто бомба! не останавливайся.
ЭТО ЖЕ КРУТО!) СПАСИБО ОГРОМНОЕ! ЛАЙК ЗАРАНЕЕ ПОСТАВЛЮ!
Что я могу добавить ко всем комментариям, которые здесь уже оставили для меня. Только следующее:
Не знаю как попало это видео в список рекомендаций или даже в автоматическое воспроизведение, но, я его с удовольствием посмотрел. Я человек нелюбящий ни Java, ни Node, ни NoSQL БД посмотрел на веб-разработку глазами лагеря оппонентов и понял, почему так много сайтов, приложений написано на node и прочих технологиях. Да, это просто, удобно, быстро и легко (во всяком случае с вашими объяснениями, и по этому курсу даже я бы написал). Сразу скажу, что я все равно не буду писать приложения с помощью ваших технологий из-за "тяжелых" прослоек, но спасибо за очень хорошее видео по полному подробному программированию с нуля до готового приложения с back и frontendами. Я уверен, что оно поможет научиться программировать веб-приложения людей, которые даже не знакомы с node. Большое спасибо.
лайк автоматом
Это видео решило очень много вопросов, возникших в процессе разработки похожего приложения. Спасибо огромное, Владилен!
Афигенно
Большое спасибо! Все как и сказал - качественно и актуально! Сил тебе и энтузиазма на дальнейшие проекты!
Никогда не ставил лайк так быстро.
По поводу подписки.
Давно подписан, Владилен.
Наконец-то бесплатный контент для работяг. Спасибо тебе.
Надо будет на выходных сделать себе скоратитель ссылок, и поставить на хостинг.
Давно хотел с этой темой разобраться, а тут в одном видео, просто замечательно) 😉
Спасибо за урок, дай Бог тебе здоровья!!
Насчет хранения важных данных в localStorage , не спровоцирует ли такое поведение атаки XSS ?
И вообще очень хотелось бы увидеть от тебя видос по XSS/ CSRF
stackoverflow.com/questions/52558331/defending-against-xss-attack-with-mongoose
Контент прекрасен! Действительно материал насыщенный - я за неделю даже половину не одолел ) Владилен, мне дико нравится как ты подаешь информацию. Я тащусь от твоего канала и поглощаю ролик за роликом как саранча ))
Спасибо за ролик! Хотелось бы увидеть видео, как привязать к https.
Владилен, делайте, пожалуйста, еще видео такого формата. Именно создание приложения end to end, как будто имитация того, что взял заказ на фрилансе и полностью сам все сделал. Спасибо огромное!
Сними видео про Docker пожалуйста
Про него уже хрена туча видео. Да и зачем?
@@МаксимНырков-у6г автор канала делает хорошую подачу материала, так что в таком видео есть смысл.
@@andriikhomenko4061 пока нету
@@МаксимНырков-у6г Привет, я тебя помню, ты у IT-KAMASUTRA обучался реакту да?)
@@rustamtishkov2479 Да
Вот это да! Искал на Udemy что-то годное по бекенду с реактом на русском, ничего не нашел, но в процессе случайно наткнулся и купил там твой курс по React Native. Вообще изучать React Native сегодня не планировал, но таки залип. Уже почти прошел его, все предельно понятно, схватываю на лету со скоростью х2! Почитал профиль, написано есть ютуб канал. Зашел сюда, а тут то что мне надо, свежее, и бесплатно. Начну смотреть завтра, но судя по комментам - многообещающе)))
еще докупил на Udemy курс по реакту, чтобы освежить в памяти некоторые моменты ну и просто поддержать автора) благо новогодняя распродажа
Возьми ещё ангуляр, не пожалеешь)
Добро пожаловать
@@VladilenMinin вообще ангуляр изучать не собирался, но... гулять так гулять, взял)
Сейчас могут быть трудности с mongoDb, если не хотите использовать vpn, то есть Sequelize для работы с популярными СУБД. Методы похожи, подключение к проекту не очень сложное, надеюсь, кому-то поможет
А если разместить сайт на vps за пределами рф, mongoDB будет работать?
@@ruslanaliev2933 Не пробовал, сказать не могу, но можно скачать mongo через vpn, а потом БД развернуть локально, разница будет в том, что нужно обращаться не на удаленный кластер, а просто к локальной бд, по идее это даже проще
@@ruslanaliev2933 Если цель именно его выложить, то на vps также можно будет и mongo положить
@@hardevzip Спасибо за ответ. Попробую разместить на vps. Есть такой хостинг inferno, там поддержка говорит, что должно всё работать.
1000 лайков!!! Спасибо, Владилен! Таких курсов на самом деле больше нет нигде!
От души =)
Владилен, спасибо! Отличный комплексный урок! С наступающим ;) !
Владилен как ты успеваешь ?)🔥🔥💪
Мне нравится то, что я делаю)
Человек, ты знаешь что делаешь . Благодарю тебя за такого рода инфу.... это было крайне полезно! Добра и благополучия в твой дом!)
кажется пришла достойная замена Зораксу... плачу
Зоракс просто читал книгу на камеру. Флэнагана
Привет Владилен, огромное спасибо тебе за труды, я в 41 год вошёл в it
это все еще говорит unauthorized (401), даже если я делаю то, что ты сделал
Решил проблему?
В какой момент? Какой запрос? Что в логах?
@@eugeneponomarov7429 Момент на 2:30:38. Автор решает эту проблему и у него ошибка пропадает. У меня, в свою очередь, осталась. Что в логах сказать не могу, нет доступа к проекту. Ориентируясь по комментам менял время жизни токена, условия, искал в инете костыли, но не помогло.
@@sergienkoandrey3855 у меня была та же ошибка, кроме нее добавилась ошибка экспресс и пока не могу понять в чем дело. говорят надо прописать иначе строку где подключаем экспресс, но мне не помогает(
я удалил в базе данных пользователя, создал нового. И из под нового 401 не появляется
Спасибо огромное, хорошее видео! Вот прям инструкция "бери и делай"!
Сразу узнал и как в mogoose связи между моделями делать, и что без babel можно спокойно обойтись, и как весь трафик (static и API) через единую точку входа вывести (как для разработки, так и для прода), и как react завести, как его же routes подружить!
Единственное, что осталось не понятным, так это назначение функций useEffect и useCallback, и какую задачу мы решаем, используя их. Ну т.е. не понятно, в каких ситуациях и с какой целью их в дальнейшем использовать...
MongoDB, Express, React, NodeJS. И все в одном видео. Это вообще легально? 😁
Приятного просмотра)
Осталось обернуть это все ts))
Спасибо за большой труд! Удачи в продвижении канала! Все видео очень крутые!
дякую!
Гигантская работа проведена, мое огромное почтение) Спасибо, Владилен
Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев -
bit.ly/3QWeEXS
Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3nkOa4P
Владилен Спасибо тебе большое! Отличный ролик очень помог наглядно - практически пройти весь процесс от начало до донца.
Прошло уже два года после того как ты выложил это видео. Сейчас февраль 2022 и видео очень актуальное!
Ты много полезностей сделал и продолжаешь делать но у меня есть мечта, что у тебя появилась мечта сделать видео о сложной логанизации с многоуровневыми ролями: Админ, Пользователь, Редактор и т.д.
с использование Куки, ( рэфрешь и акцесс токенов ) и прилепить туда функционал по сбору лайков.
Mongo не работает, к сожалению((
Vpn в помощь
Спасибо за новогоднюю годноту!
Отличный презент к праздникам. Однозначно лайк и все такое..
Тем кто не знает ничего по NODE-EXPRESS , посмотрите для начала его курс по nodeJS хотя бы базу понимать нужно )
Владилен Виновен в том что только его курсы могу нормально смотреть )) Спасибо большое ! Надеюсь на встречу в скором будущем )
Большое дело сделал, респект. Всегда интересно посмотреть, как коллеги работают!
Если позволите чутка критики:
1. в роутах express try catch выбрасывающий 500 для всех роутов лучше вынести в миддлвару, тогда не придется его дублировать
2. на клиенте сейчас, из-за того что хук работы с API слишком абстрактный, пути до API Endpoints разбросаны по всему коду, хорошо чтобы они были в одном методе, а хук экспортировал конкретные методы
3. пути на клиенте для ссылок лучше вынести в отдельное место и оттуда их импортировать, проблема - захочешь устроить рефакторинг URL'ов будешь обречен бегать по всему коду, в идеале маршруты сделать именованными, тогда при генерации ссылки указывать имя и параметры
4. на будущее рекомендую заранее продумывать словарь терминов, и потом их использовать в коде, так и консистентность будет поддерживаться и в будущем будет меньше проблем с пониманием кода (например спустя пол-года/год)
Привет, в целом валидные замечания
Я лишь хочу подчеркнуть, что данное приложение намеренно упрощено и часть вещей я сознательно не делал
Полный продакшн код можно будет увидеть в платных продуктах )
Однозначно один из самых лучших контентов на ютубе по frontend. Спасибо огромное за твой труд.
Владилен, спасибо огромное за это видео ! Будет здорово увидеть еще MEAN стек (с Angular Universal)
Вот еще одно замечание.
check('email', 'Введите корректный email').normalizeEmail().isEmail() - должен быть (или не быть) в обоих случаях - и логина и регистрации
Если в одном есть а в другом нет, то может выйти путаница или пользователь не найден. т.к. при .normalizeEmail() он сводит к нижнему регистру и удаляет точки в имени, в итоге это разные имейлы. Пока понял в чем дело проверил весь код на ошибки 10 раз, но опыт классный.
Спасибо за видео! Крутяк!
спасибо добрый человек, я сам никак не мог отладить этот баг, так как указывал емейл с точной в первой части. После твоего комментеа протестил с другим емейлом и заработало...
Блин, реально, ни с чем не сравнимое качество, в бесплатном сегменте. Великолепен!
Колокольчик чекнул уже давно. А вот лайк ставлю смело в начале, потому что уверен в качестве контента! А это видео вообще бомба! Спасибо Владилен!!!
Спасибо, курс крутой) попробуй такую практику, на каких-то моментах, когда часть кода уже функционирует, делать коммиты, чтоб если кто-то застрял с определённом месте, мог сравнить свой код с твоим на данном этапе
Спасибо за материал. Согласен, что это наиболее интересный и полный канал по кодингу в ру-сегменте. Пока не наткнулся, смотрел сугубо супостатские каналы.
Очень крутой курс, даже в 2022 году. Огромное спасибо !
Начал смотреть, думал просто тизер курса. А там 3,5 часа подготовленного материала, 3.5 часа Карл! Да как так-то? Огромное тебе спасибо за твои труды!
Решил записать большой ролик и сделать вам приятно)
У меня таких знаний и идей очень много
За такие ролики просто лайка не достаточно, должна быть градация благодарности на ютубе - лайчек, лайк, лайчище и супер-мего-лайчище. Так вот, Владилен, супер-мего-лайчище не достаточно, в виде благодарности за ваш контент. Супер, отлично, огрооомная вам благодарность
Отличный видеоурок! по идее тут вообще всё объяснено, все основы по M.E.R.N., остальное уже мелочи и доработки, качественное донесение материала. Большое спасибо за проделанный труд.
P.S.: и да, уникальный такого нет в инете.
Огромное спасибо за такой замечательный курс! Прям воистину подарок )
Красавчик! Работаю frontend разработчиком, стек: slim, js, react, svelte. Решил идти в сторону фуллстек, надеюсь будет больше подобного контента)
Спасибо огрмное! Видеокурс супреский! Понравилось что все быстро и по делу. Не успеваю печатать код за видео! Очень хочу еще уроков от тебя!
Очень рад, что в видео было показано как реализовано с реальным продакшн сборке )
Особенно с pm2 , круто , большое спасибо 👍
Ты лучший! Мне как воздух надо. Устраивался как фронтендер на первую работу, а оказалось буду фулстаком. Срочно надо доучиваться, а тут такой подарок
Это то, что нужно. Как раз это и хотел освоить. Супер. Владилен, огромное спасибо за твой труд.
Приятного просмотра)