Fullstack - MERN приожение. Быстрый курс для новичков. MongoDB/Express/React/Node.

[@lets_try_js]

Ребят, поддержите лайком! Это мое первое видео с довольно таки большим туториалом. Это не так просто, как кажется на первый взгляд. Так же в комментах жду критику (негативную в том числе!).

[@drewnaumenko2469]

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

[@lets_try_js]

@@drewnaumenko2469 ну конечно же какие-то курсы я просматриваю время от времени. но, вот, к примеру express.js и mongo.db я просто придумал себе проект на данных технологиях и в процессе выполнения этого проекта изучал данные технологии, и это оказалось в 1оо5оо раз эффективнее любого курса, который я проходил ранее)

[@sorokanews5019]

Годный контент! А сделай, пожалуйста, ролик-продолжение по деплою этого приложения в нэт. Чтобы оно было доступно для работы реальных пользователей.

[@Clickyv]

Все супер, видео очень подробное, одно но, я думал что можно всё это делать проще, видимо ошибался, но видео супер полезное. Спасибо ! Да было бы отлично увидеть деплой!

[@vladimir_fomin90]

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

[@ЕвгенийМакарук-ж8в]

Спасибо за контент, смотрел у Владилена курс по MERN он там полностью фигачит сначало бэк потом фронт и не очень понятно что к чему, а ты все делаешь по очереди и мне так больше зашло, пасиб ещё раз

[@lets_try_js]

Рад помочь ) Успехов в обучении!

[@ВсеволодРусинский]

Мне так кажется что у Владилена вес нихуя не для новичков - много не понятно. Когда ты в теме продвинутый хоть немного, то норм его смотреть, а заходить в новое по его видосом тяжеловато для меня.

[@May-yw1kb]

@@ВсеволодРусинский Я только что посмотрел его видео по node.js, где он делал todo. Понял только 10, ну максимум 20% информации.

[@ВсеволодРусинский]

@@May-yw1kb Так вот я и о чем. Но когда знаний побольше, то уже лучше его понимаешь.

[@May-yw1kb]

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

[@ОвовОчоы]

Привет! Отличный курс, пожалуйста продолжай и не останавливайся, хочется увидеть еще какие нибудь проекты на MERN для новичков! Спасибо тебе за данный курс!

[@nabzhanik94]

На мой взгляд, это лучшее видео на ютубе на эту тему! 👍

[@lets_try_js]

Спасибо ))

[@postoronnii__]

Отличный туториал! Особенно показывать и объяснять так, как делают на реальных проектах (переменные окружения, try/catch, ...) без упрощения.

[@lets_try_js]

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

[@postoronnii__]

@@lets_try_js да, как раз сижу разбираюсь)

[@lets_try_js]

@@postoronnii__ удачи)

[@usja1]

Если при отправки форм будет ошибка cors: npm install cors index.js (nodejs) const cors = require('cors') app.use(cors()) app.use(express.json({extended: true}))

[@ДавидЛукьянов-щ5г]

От души, братик! Прям чёткий ровный вкат в МЕРН и не потеряло актуальности! Очень классно всё объясняешь и показываешь. Полезная практика, перейти на локальную БД, роутер дом латест версии и выкатить это в глобальную сеть. Для меня открылось много как прикладной, так и образовательной пользы, обняв :)) В общем, 10/10, рекомендую! P.S.: гибкое решение, которое при вдумчивой реализации можно крутить под что угодно. P.P.S.: вся критика и вопросы ниже решаются, если включить голову. От этого и ставлю максимальный рейт видео, потому что образовательно и оставляет поле для совершенствования.

[@lets_try_js]

Спасибо большое за расширенный фидбек !

[@ВсеволодРусинский]

Огонь! Автору спасибо

[@makspetrov4975]

Хорошо, объясняете. Все довольно понятно. Спасибо за урок! )

[@vi6Dim]

это лучшее что я видел, спасибо

[@itwitheugene]

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

[@lets_try_js]

довольно интересная идея, я об этом даже не думал. Я обязательно подумаю на эту тему, спасибо!

[@ytuser9248]

Thank you very much for your efforts. This lesson is very helpful.

[@lets_try_js]

Thank you ! Have a nice one ☝️

[@May-yw1kb]

Отличное видео, бро! Лучшее для новичков, чего я только находил

[@lets_try_js]

Спасибо)

[@May-yw1kb]

@@lets_try_js Обидно только то, что у меня не удалось в самом начале запустить как react так и node по причине того, что там произошел конфликт из-за портов, не смотря на то, что я вписал в прокси. Если честно, апатия лютая была, ибо ничего не понимаю в бэке и node.js, помимо этого знаю лишь только основы js маленькие, не говоря об async await, чего вообще не знаю. Обидно именно потому, что объяснение в видео хорошее, но из-за апатии, страха что ничего не выйдет, конфликта портов и что завтра надо на любимую работу мойщиком машин, которая с утра до ночи просто выключил. Друг, подскажи, пожалуйста, не рано ли я начал изучать node.js, зная всего основы? Я научился верстать хорошие лендинги, чуть-чуть react и понял, что не хочу с клиентом работать и хочу бэкенд. Можешь дать совет, как бы ты поступил на моем месте грамотно?

[@lets_try_js]

@@May-yw1kb нужно глубже узнать js, что бы лезть в бэк

[@arseniac681]

Классное видео! Спасибо большое)

[@RomanArtemev-dm6cj]

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

[@pablo8896]

Lesson is done! №1

[@yatut4467]

Спасибо, выглядит довольно просто. Ожидал, что будет сложнее:)

[@lets_try_js]

Старался донести простыми словами

[@albeque]

24:20 Создадим здесь папочку АУФ ☝️☝️☝️ Простите. Видос шикарный, спасибо автору.

[@lets_try_js]

Ахахаха 😂 С английский у меня так себе 😕

[@albeque]

@@lets_try_js никак не разберусь зачем мы делали middleware в проекте. я понимаю что это прослойка между клиентом и базой, но зачем она нужна, зачем "регистрируем наш роут"? может записать об этом видео? мне кажется, не мне одному будет интересно, очень круто получается объяснять.

[@perseveranse]

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

[@lets_try_js]

Спасибо )

[@anaflorea898]

Спасибо за видео, очень полезный!!

[@lets_try_js]

Спасибо )

[@zalivdev1482]

Лучший!

[@Логовотестировщика]

Благодарю!

[@bodya5645-e5l]

Спасибо за урок!

[@pandora_omg]

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

[@lets_try_js]

Спасибо )

[@m1akarov2021]

Очень круто. Иду делать первый раз подобное =)

[@liberta828]

Видео просто супер Хотелось бы увидеть уроки с использованием редакс И про так деплоит MERN приложение на heroku и т.д.

[@lets_try_js]

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

[@ТимурЗаиров-е7п]

Огонь....

[@СергейДанилюк-й2я]

Хороший канал, жаль ранее его не встречал.

[@MrEmil-cf8wo]

Круто, буду смотреть, нашел только сегодня твой канал

[@lets_try_js]

Хорошего просмотра ))

[@sorokanews5019]

Годный контент! А сделай, пожалуйста, ролик-продолжение по деплою этого приложения в нэт. Чтобы оно было доступно для работы реальных пользователей.

[@lets_try_js]

я думаю скоро это сделаю)

[@Asqarjon001]

Спасибо за видео. Благодарю

[@lets_try_js]

надеюсь, было полезно))

[@biLLie_wiLLie]

20:38 почему-то не установился node-sass и вместо него поставил npm i sass. Заработало 22:24 rafce - такой снипет сработал у меня 44:10 Switch не существует с 6й версии роутера. На замену пришел Routes. Там еще несколько изменений есть. Лучше установите 5ю версию, чтобы не тратить время

[@kostyafrompiter]

Лучше установи 6-ю версию и привыкай работать так!=) Заодно научишься искать по документации инфу.

[@moneylions11]

@@kostyafrompiter скажите пж что надо поменять?

[@moneylions11]

@@kostyafrompiter кроме как Switch на Routes

[@Rhythm_Men]

Спасибо крутяк!!!

[@lets_try_js]

старый видосик очень, щас круче выходит серия роликов на такую же тему)

[@Rhythm_Men]

@@lets_try_js думаю все ждут с нетерпением, подача классная доходчивая должно качать всех!

[@lets_try_js]

@@Rhythm_Men благодарочка)

[@NayroTV]

@@lets_try_js ты про nest? или ещё 1 курс? может тогда подожду я?

[@ПыыфПыыфов]

а что легче учить MERN или Java+Springs?

[@stormd2902]

крут чувак, крут

[@IncognitoIncognito-b4n]

Подскажите пожалуйста, получаю такую ошибку (Cannot read properties of null (reading 'useRef')), на моменте, когда подключаем . Второй день пытаюсь решинь проблему, но ничего не выходит. Прошу о помощи, спасибо!

[@mohooks]

Все нужные библиотеки импортировал, но после npm start в браузере на localhost вылезает ошибка TypeError: cannot read property 'prototype' of undefined

[@asilbekyoldoshbekov5533]

431 (Request Header Fields Too Large). Загуглил но ответа не нашел

[@lets_try_js]

проверьте headers, которые отправляете в запросе, все ли там верно так же проверьте, тот ли запрос отправляете ( например на беке ждете GET, а отправляете POST )

[@antoncigur2724]

а при заливке сайта на сервер это всё будет работать ? допустим я хочу деплоит сайт на vercel

[@Almas-2002]

Спасибо за видео

[@lets_try_js]

надеюсь, было полезно)

[@Almas-2002]

@@lets_try_js в следующий раз постарайся выделить контент потому некоторые смотрят только фронт или бек .

[@lets_try_js]

@@Almas-2002 ну я стараюсь делать как отдельно фронт, так и в паре с беком) чисто по беку пока даже и уроков то нет

[@kzhanserik]

А как дальше реализовать админ панель? То есть возможность просматривать аккаунты, какие у них есть задачи? Или сделать так что бы аккаунты видели задачи друг друга?

[@lets_try_js]

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

[@live1911]

на данный момент обучение устарело так как reac-router-dom значительно изменился с тех времен так же это и относится и к MongoDB.

[@lets_try_js]

ну так то 2 года прошло

[@shadkill261]

у меня проблемы были только с роутами, там вместо switch Routes в остальном всё чётко вообще

[@АлексейМелентьев-ч3в]

подскажи а что делать теперь mongodb как я понимаю не работает в РФ, можно как-то локально поставить?

[@userScKonov]

долго, но всё по делу

[@lets_try_js]

долго, потому-что объем материала большой )

[@bukanaka]

15:40 таже ошибка об использовании сервера, но не получается остановить процесс ноды ни ctrl + C ни командой sudo pkill node. win10 Help!

[@lets_try_js]

комманда sudo pkill node для MAC OS, поищите подобное для Windown. Я виндой не пользовался уже лет 5, так что не подскажу

[@Максим-д1у4щ]

Привет! Спасибо за видео, можешь рассказать о своей домашней странице в браузере?

[@lets_try_js]

привет) это расширение для хрома, называется daily.dev

[@ЕркеайымЖолдыкарева]

Здравствуйте, где можно найти source code?

[@nursultonqahramonov7143]

Круто спасибо за туториал было б здорово если выкладывал код на гитхаб. Кстати зачем событие логина стоит на кнопке а не на форме ?

[@lets_try_js]

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

[@bubblegumoff]

Привет только начал смотреть видео и не хочу продолжать, пока не получу ответа) Начав смотреть видео я сразу отказался от WebStorm в пользу VScode. Есть возможность выложить какие расширения используются? Очень удобно, когда среда сама подсказывает тебе дописать require с модулем внутри, чтобы сэкономить время

[@lets_try_js]

Tabnine будет один из самых полезных в этом случае) Ну и сниппеты можно поставить для express react и тому подобное )

[@lets_try_js]

Но тут как не крути, WebStorm будет более мощной средой, чем VS Code К нему нужно будет привыкнуть

[@bubblegumoff]

@@lets_try_js да, но там разбираться сложнее, так ещё и платить за это)

[@lets_try_js]

Значит tabnine, сниппеты и уже спокойно можно работать Но я уже от табнайн отказался. Он иногда делает только хуже, чем лучше По крайней мере его бесплатная версия так точно

[@MrLuckfinder]

А чем точки с запятой не нравятся?

[@lets_try_js]

сугубо визуал. глаз режет)

[@dimetriss5122]

Народ, помогите, кто шарит! Не могу подключиться к монгоДБ, пишет что моего айпишника нет в белом листе, но он там есть, как и доступ с любого айпишника. В чем может быть проблема?

[@frallen9787]

У кого ошибка 404 возможно вы в package.json забыли указать proxy.

[@3ombieautopilot]

выполняли ли вы фриланс-заказы со стеком MERN?

[@lets_try_js]

полноценных проектов по MERN не было. разве что только помогал разобраться с какими-то проблемами )

[@3ombieautopilot]

@@lets_try_js Как у вас дела с фрилансом? :) Будете снимать апдейты об Upwork?

[@lets_try_js]

@@3ombieautopilot думаю на этой неделе запилю,. если будет время)))

[@ЯнЛатишев]

дай ссылку на гитхаб с проектом

[@ЯнЛатишев]

Кинь пожалуйста ссылку на гитхаб

[@ivandavydenko1278]

Подскажите, как реализовать "редактировать задание"?)

[@lets_try_js]

Напишите мне в инсту, ссылка есть в шапке канала

[@Ноунейм-п5я3и]

Очень интересно увидеть бесплатный деплой, сам недавно сделал проект на django, но не смог его залить в сеть(

[@lets_try_js]

я как нибудь в будущем сделаю что-то вплоть до деплоя)

[@Ноунейм-п5я3и]

А так отличное видео

[@ЯнЛатишев]

очень не хватает ссылки на гитхаб

[@dobrMAV]

Почему выбрали React ,а не Vue ? Интересно ваше мнение.

[@lets_try_js]

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

[@dobrMAV]

@@lets_try_js Спасибо за ответ!Изучил HTML CSS сейчас вот думаю что дальше, JS +Vue или React, что перспективнее для фриланса.

[@lets_try_js]

@@dobrMAV на этот счет могу сказать что самое простое это Vue, потом React и потом Angular для новичка лучше выбирать что-то между Vue и React на фрилансе и на той и на другой технологии заказов в принципе хватает )

[@dobrMAV]

@@lets_try_js Спасибо

[@lets_try_js]

@@dobrMAV успехов в обучении))

[@denchikort2574]

Есть вопрос. У меня не подсвечивает красным формы при валидации, когда там что-то неправильно(в видео это 1:04:30 минута). Но когда нажимаю зарегистрироваться с неправильными данными регистрация не проходит. Иными словами, логика вся работает, только не подсвечивает. Что может быть не так? Заранее спасибо за ответ.

[@lets_try_js]

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

[@riddle6642]

можно ссылочку на исходники?

[@lets_try_js]

напиши мне в инсте, дам ссылочку

[@antonyermakovich7501]

Подскажите на 2.15.22, как использует функцию getTodo ?

[@lets_try_js]

та как обычно, в useEffect вызывается)

[@antonyermakovich7501]

@@lets_try_js Thank you )

[@lets_try_js]

@@antonyermakovich7501 welcome))

[@mvlikhachev]

@@antonyermakovich7501 что-то я до сих пор не понял как вызвать эту функцию

[@vladimir_fomin90]

@@mvlikhachev в ролике этот момент почему-то пропущен, но в перемотке видео видно как оно подключается useEffect(() => { getTodo(); }, [getTodo]);

[@temeralin.t]

подскажите, пожалуйста, сколько часов не могу решить проблему, весь stackoverflow перешерстил. проблема - на 56.55 минуте, где статус у вас 201, у меня только 500, потом 504

[@lets_try_js]

проблема какая-то с серверной частью. проверяйте ее

[@temeralin.t]

@@lets_try_js напишу вам сейчас в инстаграм за кодом, а то уже 150 ответов по разному пишу с этим прокси

[@ohiolezhaa4154]

@@temeralin.tполучилось решить ? у меня то же самое

[@holingdev1737]

Опишем ролик одним словом "Ауф"

[@lets_try_js]

ахахах)) спасибо))

[@kawaki4639]

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

[@lets_try_js]

именно с этим проектом есть ролик на канале как его задеплоить

[@ВоваШпак-ч9ц]

22:40 Не понятно где взялася эта JSX разметка

[@lets_try_js]

действительно, упустил при монтаже это все из materialize materializecss.com/navbar.html

[@AlexanderinUSA]

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

[@lets_try_js]

это для того и сделано, что бы переписывать. Если не переписывать, так и не научишься что-то делать... смысл тогда от такого видео ?

[@AlexanderinUSA]

@@lets_try_js тогда человек учится переписывать с видео, а не делать что-то по теме. Это уже кучу раз обсуждалось у кучи влогеров, что сурцы надо выкладывать рядом + правило хорошего тона не решать за людей как им лучше делать, а давать им сразу всё по теме. Лично я лучше буду тратить время на понимание как что работает (изменять/тыкаться) чем на печатание текста и каждый раз останавливать видео.

[@lets_try_js]

@@AlexanderinUSA никто не говорит о тупом переписывание кода с экрана. Это так не работает. Голову нужно включать. И так же я ни за кого ничего не решаю. Я просто сделал видео. Если кому-то не нравится то, что там нет исходников, он может попросту пропустить это видео и идти дальше, искать то, что ему именно нужно. Да и в целом, всем не угодишь :)

[@AlexanderinUSA]

@@lets_try_js понятно, что голову надо включать. Тут с вами согласен на 100500% =))) Персонально мне можете пульнуть исходники, если напишу вам запрос на почту?

[@lets_try_js]

@@AlexanderinUSA могу скинуть архив, в гит влом заливать в шапке канала есть ссылка на инсту, напишите туда адрес почты

[@АлексейМелентьев-ч3в]

вот ток факт што у владивлиена тоже самое это потому что там всегда всё очень похоже, или ты просто передрал его и терь на этом поднимаесся?

[@lets_try_js]

Фреймворк на то и Фреймворк, что бы все писали в одном стиле

[@amir18n]

А не лучше бы было после каждого изменения в БД, изменять данные в стейте на клиенте самостоятельно, вместо того, чтобы после каждого запроса делать лишний get? И еще. А для чего нужен был массив todos у юзера, если все равно мы все данные тянем с общей коллекции всех тудушек, делая лишний перебор коллекции на бэке, чтобы выцепить все туду конкретгого пользователя?

[@lets_try_js]

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

[@ПавелАнонимузс]

const isMatch = await ... , на 1:13:50

[@Dimidrol14]

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

[@zFL1CKz]

Авторизация работает даже с неправильным паролем

[@lets_try_js]

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

[@zFL1CKz]

@@lets_try_js отлично)

[@АлексейМелентьев-ч3в]

да где у тебя там clients когда у тебя там client

[@ИванИванов-у3ч4м]

Таймкоды... НЕ стреляй себе в ногу если уж занялся ютубом...Таймкоооодыыы!

[@lets_try_js]

добавлю как нибудь. забыл это сделать на этапе рендера, а сейчас нет времени(

[@cgdevelopuz]

У меня была ошибка на 56:55

[@lets_try_js]

Проверьте синтаксис, оооооочень часто ошибки именно в этом

[@angrysmilex]

тоже ошибка, не пойму в чем дело, 404 NotFound

[@angrysmilex]

взял полностью перезапустил VScode и сервер и все заработало

[@АлексейМелентьев-ч3в]

@@lets_try_js был бы ещё код, чтобы его проверить

[@temeralin.t]

смогли ли решить? уже потратил много времени на эту ошибку, статус до сих пор 500, 504

[@AmericanDragon134]

У Владилена Минима видел точна такуюжу проекта

[@karlengels4956]

Proxy error: Could not proxy request /api/auth/registration from localhost:3000 to localhost:5000/ (ECONNREFUSED). как исправить?

[@karlengels4956]

ничего не получается

[@hilarion_aggey]

такая же проблема

[@temeralin.t]

ребята как вы сделали если сделали? кпц сколько уже часов потратил на это

[@temeralin.t]

@@hilarion_aggey есть решение? весь stackoverflow перешерстил не нашел

[@hilarion_aggey]

@@temeralin.t Тоже икал везде где только можно. Потом я пошел по простому пути, стал смотреть других блогеров по этой же теме, MERN - приложение.