37:56 Один чел подсветил, что появился файл prisma-client.js в папке prisma. Он видимо удалил коммент, не могу закрепить. В папке prisma нужно создать файл prisma-client.js github.com/brian7346/employees-react-express/blob/main/prisma/prisma-client.js. Он нужен только на клиентской части, чтобы постоянно не создавать новый инстанс я переенс его в папку.
@@maficks7309 Этот файл не сам появился. Я его создал и неправильно обрезал запись экрана, на сколько я помню. Можно даже посмотреть на этом тайминге, файл просто появляется. Но это не критично, по ходу видео я создаю инстансы от призмы прямо в комонентах
Наконец добил приложение, сразу хочу сказать не лезь сюда если вообще нет бэкграунда по Redux Toolkit, Express. Эти темы тут вообще не раскрыты что, зачем и как. Вернись сюда, как только получишь по ним базовое понимание и закрепи навыки этим проектом. Есть ошибки, но все гулиться. Удачи тебе друг в изучении веба.
За три дня сделал полтара часа видоса.Долго делал потому что в бекэнд 0 и все что слышал новое гуглил и чат гпт писал узнавал подробнее. Очень понравился курс спасибо.
Всегда это уважал в настоящих кодерах. Сделал ошибку, без стеснения исправил и показал всем. А за кадром исправят, а ты сиди и мудохтайся где ошибка...
Поставил лайк, и с радостью делаю урок! Люблю новые знания! Спасибо Вам большое! А можно вот такое вот почаще и если нужна будет помощь пишите, бесконечно буду рад помочь (бесплатно)
Блин мужик! Я уже писал что кайфую от твоей работы? Конечно писал... Я каждый день занимаюсь после работы и учусь и мне очень и очень нравится! Ты красавчик, я похоже каждый день когда буду заниматься - буду писать что-нибудь подобное))
Лучшая инфа на ютубе. Реальный проект, реальный скилл. Есть неясные моменты, но зато теперь есть понимание как же все это друг с другом дружит. Пока повторяю за автором, но уже картинка в голове как создать свой проект и с чего начинать. ПРОСЬБА!!! Покажи как baseUrl сделать для продакшена (не localhost). Автору огромное спасибо!
Спасибо вам. Было бы супер, если бы вы смогли сделать небольшое продолжение, где показали бы, как можено сделать, чтобы человек, который уже зарегистрировался смог поменять пароль или почту с подтверждением. Или это реализовать со стороны админа.... Тема смены пароля и почты с подтверждением интересна и была бы очень полезна в практике и жизни. Буду очень рад, если вдруг появится такое видео! Успехов вам и развития!
Спасибо за урок! Много нового, сложного, интересные подходы по использованию RTK, было очень полезно! Приложение работает! Спасибо еще раз за труд! Творческих успехов и развития каналу!
Макс,спасибо!На сегодняшний момент я еще на компоненте Layout и не знаю решил ты дальше в уроке проблему с подсказками импортов или нет,но причина в том,что нужно открыть отдельно папку Client, а не через папку с бэком что-то делать во фронте.Cлишком много nodemodules для vs code.
@@maximroslow Крутой проект! Спасибо за твою работу! Есть вопрос! В странице Status я указывал путь на главную через Paths.home - после открытия страницы Status и нажатия на кнопку главная,переход происходил с 5-6 нажатия, а указав переход просто "/" , то все переходит без проблом с первого раза. Почему так происходит?
3:37:40 если у Вас подчеркивается type={type} в компоненте CustomButton, в 2024 antDesign убрали стиль ghost. Поэтому, в типах пропсов надо убрать ghost, а в компоненте Header исправить ghost например на default Пример: Сотрудники
Макс, спасибо за контент, жду еще больше таких масштабных проектов. Подскажи, как можно задеплоить это приложение, чтоб можно было добавить его к себе в портфолио?
компонент из antd теперь принимает prop ghost=boolean. Можно сделать вывод, что какие-то моменты из видео могли устареть, поэтому необходимо обращаться к документации)) Видео супер, узнал много полезного про frontend и бонусом про backend. Автор просто роняет золото!! (моментами тишина смущает, приходится перематывать, но это не критично)
Полностью видео не смотрел, но Access токен лучше хранить в памяти приложения, так безопаснее. Я храню Refresh токен в http only куках, и всегда при запуске приложения отправляю запрос на получения access токена. Либо ставить интерцептор и отлавливать 401 ошибку, и при первом запросе на сервер ответ можно отловить, получить токен и все будет круто. Если стоит кеш на токенах, запросы выходят очень шустрые, или если бд не здоровая то тоже шустро все работает.
Как пользователя в prisma зарегать, никак не могу решить проблемы - выдает ошибку error: Environment variable not found: DATABASE_URL. Кто сталкивался?
блин, бро, ты тупа супер - красава, оч все хорошо, просто и понятно, я в первый раз в жизни пишу бэк, до этого писал только фронт, оч хорошо все рассказываешь если будешь еще че - нить подобное делать, то мб еще пильнешь проект с другой бд, админкой и ролями? еще раз спасибо!
С другими бд есть проблемы, монго просто так сейчас не поставить, только через докер, это не всем будет понятно. Постгрес или MySql тоже надо дополнительно устанавливать на комп, а по факту все тоже самое. Можно попробовать для обучения сделать другую бд, но думаю это излишне, лишняя трата времени ради того же результата и кого-то это может просто запутать. Честно, у меня нет примеров дого, чтобы использовать в таком маленьком проекте другую бд. Только ради того, чтобы показать, как ее подключить, в остальном все точно так же будет из-за ORM
Макс здарова, давно тебя смотрю, спасибо за труд. У меня вопрос образовательного характера: таких видео очень много стало на русскоязычном ютубе, а как такие курсы проходить - никто не говорит. Это круто что ты сделал такое приложение и потратил на него более 7 часов, а вот тем кто учится, как правильно такие курсы проходить? Будет ли профит если тупо брать и повторять за тобой что ты делаешь на видео? У меня просто сомнения по поводу таких видео, т.к. не особо верится в реальную пользу тупого переписывания кода за автором. Есть советы?
Привет, я сам во фронтенд разработке с 2016 года, всегда смотрел видео на ютубе и учился по нему. Читал книги и статьи. Прочитал полностью документацию по реакт. Совет который могу дать, это то что нужно делать самому. Не обязательно то что я показал в этом видео, а просто делать. Делать самому "список дел на реакт", "форма входа" и тд. Код все пишут разный, а результат один - чтобы работало. Нужно научится делать приложения самому используя гугл. Конечно довольно сумбурный ответ, но по-другому не смогу сказать. Я не делал ничего сам до ютуб канала. Я смотрел канал Traversy Media и повторял за ним. Делал все проекты которые делал он. И потом получил работу. Дело в том, что ютуберы показывают в таких проектах это только верхушка. Просто база. Пусть и большая. На рельных проектах нужно сидеть и разбитаться в ошибках. Пусть и видео 7 часов, но на сам проект я потратил намного больше времени. Потому что при разработке не все идет так, как задумано. Нужно сидеть и вникать в ошибки, смотреть в гугле, пытаться понять, почему именно так, а есть ли другой выход? Мне всегда было трудно разбираться. Поэтому я избрал путь "смотри все что интересно и повторяй". После того как меня уволили, я сделал 2 проекта по ютубу. Похожего типа. Первый проект: github.com/brian7346/Faceline Второй проект: github.com/brian7346/Think-Bigger Я просто повторял за ними. Но я добавил в каждый из проектов что-то свое. Один проект я сделал с переключением темы с ночной на дневную. А второй проект я делал без Redux, а на React Context, хотя сами видосы были с Redux. Я заставил себя, точнее мне было интересно попробовать сделать такое. И у меня получилось пусть и не сразу. Но именно после этих двух проектов я получил работу мидл разработчика. 2 проета я делал с февраля по август. Да времени много, но я долал все до конца. Надеюсь я ответил на твой вопрос, на самом деле трудно что-то советовать, потому что у меня у самого не самый прямой путь, но сейчас я работаю, пусть меня и увольняли и я смотрел видосы по ютубу, но это помогло. Надеюсь и у тебя все получится! Спасибо, что понимаешь, что это труд, делать такие видео
Просто нужно идти от простого к сложному. Имеет смысл не повторять тупо, а делать осознанно. Сначала HTML, потом CSS, далее более сложный CSS (переменные, формулы,миксины) Sass. Далее разбиваете на компоненты, вложения при помощи «импорт». Далее JS - Его прочувствовать нужно. Самое первое - база это геморрой, переменные, функции, массивы, разные методы работы с ним (редьюc, мэп…) В асинхронные JS пока не лезь, изучай Dom манипуляции ним. Обработчики событий. Далее на ютьюбе есть кучу простеньких кейсов на ванильном JS, типа прогноза погоды, калькулятора, таймера итд У разных авторов разные подходы и объяснения поэтому лучше сделать несколько. Вот тогда ты будешь готов к реакту или вью (Create React Up, next, vite- можно даже раньше изучать) Нужно самому писать и разбирать что ты сделал. Если все понятно и осознанно - иди дальше. Если сделал но не понял, почему так- ищи ответ. Еще полезно выучить GIT /GitHub. Удачи.
@@diggerdog001 В целом повторять можно и нужно, поможет набить руку. только не в тупую переписывать а хотябы немного вникнуть что происходит и как это работает. А для такого видео нужен более менее кругозор, т.к. это не туторил по технологиям а проект использующий их, и тогда такой материал поможет понять новое и более легко изучить это.
Подскажите в чем ошибка, при добавление сотрудника через клиент ввожу все данные нажимаю кнопку создать и мне пишет что: "Все поля обязательные" Проверял в Postman запрос уходит сотрудник добавляется и на клиенте отображается, но когда я делаю это через клиент приходит ошибка что: "Все поля обязательные" Понимаю что ошибка скорее всего на фронте Подскажите пожалуйста, может кто сталкивался с такой ошибкой или может знать примерное ее решение, а то сам я его вообще не нахожу
Открой инструменты разработчика, выбери вкладку Network, перейди на страницу с добавлением сотрудника, заполни все поля и нажми отправить. Найди этот запрос в Network и посмотри какие поля уходят на сервер. Скорее всего у тебя поле не так названо на фронте перед тем, как отослать запрос проверь все поля которые ты собрал. И проверь название полей в роуте на сервере, что ты действительно отправляешь именно такое название
@@maximroslow спасибо за ответ, я нашел в чем была беда и это классика, на клиенте в папке "services => employees.ts" где мы писали билдеры на удаление, добавление получение и тд, в билдере "addEmployee" в body была ошибка она заключалась в том что, я заключил элемент скобки то есть: было body: { employee }, а должно быть body: employee и ошибка пропала, оказалось ошибка просто в моей невнимательности
@@Bafmashina Отлично, молодец что разбирался и нашел. Это все в порядке вещей, ничего не работает с первого раза. Главное, при любой ошибке нужно внимательно разбирать ее и понять, в чем ошибка
При запуске на 1:00:18 приложение уходит в ошибку Node.js v20.9.0 [nodemon] app crashed - waiting for file changes before starting... Куда копать? Спасибо!
Подскажите в чем проблема dataSource ={data} как только вставляю это в таблицу все крашится rawData.some is not a function TypeError: rawData.some is not a function такая ошибка
столкнулся с такой же ошибкой См. бэкенд, controllers -> employees: Должно быть "res.status(200).json(employees);" а не "res.status(200).json({employees});" - тогда будет возвращаться массив, а не объект, и всё будет ок
У нас в компании тоже не юзают put и delete. А методы add и edit были бы объединены в save. Если есть id - то это редактирование записи, если нет - добавление записи.
Привет всем! Если у вас не запустится сервер при проверке ввода пользака на 1 часе, то вы не скачали зависимости bcryp + jwt (но вы и сами должны догадаться если смотрите такой контент)
выдает ошибку Failed to load resource: net::ERR_CONNECTION_REFUSED причем просто запустил твой проект с гитхаба без изменений по гайду, как фиксить это?
Привет. Я никак не могу настроить себя на учебу веб-разработки, все думаю "все, завтра начну, с завтрашнего дня" и так у меня проходит каждый день. Я не могу начать. Вчера удалил полностью все игры с ПК что бы не отнимали время и не манили меня. Что мне делать ? Мож в дурку сходить ?
Я никогда не удалял ничего, всегда играл больше, чем изучал. Не заставлял себя. Просто например в какой-то день выбирал урок на ютубе и делал его. Например «верстка сайта на html + css”, я запускал видос и делал, не обязательно до конца в этот день. Минут 10 смотрел и выключал, если слишком устал. В реальности никакая мотивация не нужна. Нужна дисциплина. Если ты поставил себе цель, то обязан сесть и изучать. Сделай себе список задач. На день, на неделю, на месяц. За день: прочитать статью по замыканиям, купить книгу по js, начать делать туториал Кроме тебя никто не поставит себе цель. Поэтому все в твоих руках. Лучше посидеть сейчас и потратить время, чем ничего не делать и мечтать . Ничего не изменится, если просто сидеть без плана. Поэтому подумай и просто начни. Начни с тем что у тебя есть. Хотя бы с 10 минут в день. У тебя все получится. Не обязательно начинать с урока по 8 часов. Можно и с простого css урока на 5 минут
@@maximroslow Сейчас я знаю только HTML + CSS. В планах изучить адаптивную верстку и потом уже переходить к JavaScript, TypeScript, React и GiT. Думаю с такими знаниями можно будет пробовать искать работу. Можешь подкорректировать мой список, что еще нужно изучать ?
Не могу понять, а зачем вы сделали кастомную кнопку, если вы по сути переписываете туда все свойства дефолтной кнопки из ант? По сути отличие только одно, что вы стандартную кнопку оборачиваете в элементы формы, но это не так сильно позволяет упростить код
Вместо того, чтобы удалить весь node_modules и установить его обратно, чтобы удалить какую нибудь библтотеку, можно написать команду npm uninstall и название битлиотеки,например antd (03:46:00 гдето тут было), когда хотел заменить версию
@@NurlanAliyev-h7q Я по-разному пробовал, самое верное удалить папку с модулями и лок файл, чтобы кеша не было никакого. Ну хорошо, что у тебя так сработало)
![🍿 Betflix / Разработка ОНЛАЙН кинотеатра (2024) [REACT, REDUX, MUI]](/img/n.gif)
37:56 Один чел подсветил, что появился файл prisma-client.js в папке prisma. Он видимо удалил коммент, не могу закрепить.
В папке prisma нужно создать файл prisma-client.js github.com/brian7346/employees-react-express/blob/main/prisma/prisma-client.js. Он нужен только на клиентской части, чтобы постоянно не создавать новый инстанс я переенс его в папку.
почему создавать, если появился сам у чела? и ещё, как он передаётся клиентской части?
@@maficks7309 Этот файл не сам появился. Я его создал и неправильно обрезал запись экрана, на сколько я помню. Можно даже посмотреть на этом тайминге, файл просто появляется. Но это не критично, по ходу видео я создаю инстансы от призмы прямо в комонентах
@@maximroslow понял
а после его создания в ручную нужны еще какие то команды в консоль? или он до миграции например должен быть создан
Или как )
@@ИгнатПиратка нет, команды не нужны. Это просто рефакторинг, вынос в новый файл)
Наконец добил приложение, сразу хочу сказать не лезь сюда если вообще нет бэкграунда по Redux Toolkit, Express. Эти темы тут вообще не раскрыты что, зачем и как. Вернись сюда, как только получишь по ним базовое понимание и закрепи навыки этим проектом. Есть ошибки, но все гулиться. Удачи тебе друг в изучении веба.
Зато о concurrently хорошо все объяснил😄
За три дня сделал полтара часа видоса.Долго делал потому что в бекэнд 0 и все что слышал новое гуглил и чат гпт писал узнавал подробнее. Очень понравился курс спасибо.
Я смотрю 2 минуты и уже понимаю, чтобы будет круто.
Спасибо за отличный урок!
Вот такое детальное объяснения каждого шага - золото!!!
Прекрасное, подробное и понятное объяснение! Спасибо за ваши труды! Хороший контент, с удовольствием смотрю и пишу вместе с вами!
Спасибо за такой проект, куча всего не понятно конечно, так как никогда сам бэк не писал, но есть что поучить теперь)
топовое видео спасибо! респект что обьяснял где ошибки делал и как фиксил, а не просто за кадром правил как многие часто это делают
Всегда это уважал в настоящих кодерах. Сделал ошибку, без стеснения исправил и показал всем. А за кадром исправят, а ты сиди и мудохтайся где ошибка...
Очень хороший урок!!!
Спасибо за подробное объяснение всех деталей!!!
Очень хорошая подача материала и объяснение!!!!
Вы молодец!!!
Отличный материал, жду дополнения с докер и деплоем!!)
Лайк и подписка. По больше бы таких каналов, спасибо за труд и успехов вам!
Наконец-то закончил. Проэкт то, что нужно!
Поставил лайк, и с радостью делаю урок! Люблю новые знания! Спасибо Вам большое! А можно вот такое вот почаще и если нужна будет помощь пишите, бесконечно буду рад помочь (бесплатно)
Блин мужик! Я уже писал что кайфую от твоей работы? Конечно писал... Я каждый день занимаюсь после работы и учусь и мне очень и очень нравится! Ты красавчик, я похоже каждый день когда буду заниматься - буду писать что-нибудь подобное))
Как успехи
@@ДанилДмитриев-я5м да я успешный разработчик бро только рост только любимое дело
Лучшая инфа на ютубе. Реальный проект, реальный скилл. Есть неясные моменты, но зато теперь есть понимание как же все это друг с другом дружит. Пока повторяю за автором, но уже картинка в голове как создать свой проект и с чего начинать. ПРОСЬБА!!! Покажи как baseUrl сделать для продакшена (не localhost). Автору огромное спасибо!
видео с докером и деплоем было бы супер актуально
подписался, буду ждать )
Блин, проект просто ЛЮТЕЙШИЙ!!!!! Спасибо большое!!!!
Ого! Спасибо за такое объемное видео. Круто!!
Просто хочу сказать спасибо за это видео, очень помогло !
Особенно когда скорость воспроизведения на 1,5 ставишь то более менее бодро😊
Спасибо тебе огромное, что так разжёвываешь. После твоего видео многое в голове встало на свои места) Ты офигенно объясняешь!
Спасибо вам. Было бы супер, если бы вы смогли сделать небольшое продолжение, где показали бы, как можено сделать, чтобы человек, который уже зарегистрировался смог поменять пароль или почту с подтверждением. Или это реализовать со стороны админа.... Тема смены пароля и почты с подтверждением интересна и была бы очень полезна в практике и жизни. Буду очень рад, если вдруг появится такое видео! Успехов вам и развития!
вау , а подойдет если никогда не работала с NodeJS,Express . курс выглядит бобически , спасибо
Можешь попробовать, но если не хочешь, можешь склонировать репозиторий, удалить папку client, и начать писать только фронтенд
Спасибо! Вы - умница! Благодаря вам, появляются крутые разработчики!
Спасибо за крутое видео! Демо-часть покоряет сердца)
Спасибо, это отличный старт для начала! Надеюсь на новый курс с интернет магазином с более сложной структурой данных)
Крайне полезное и информативное видео, где всё максимально доходчиво объясняется. Спасибо большое!
Прекрасный курс. Хорошая подача материала. Актуальный стек технологий.
Размер кода на экране очень меленький. Иногда присматриватся это прям боль.
Я на весь экран сделал и норм) Но у меня 2 моника
Спасибо большое за старания👍 Коммент и лайк для развития канала👍👍👍
Спасибо, смотрел одно заодно ТС начал понимать 🔥🔥🔥
Спасибо за крутой курс! (React, TypeScript, Redux Toolkit, Express)
Спасибо за урок! Много нового, сложного, интересные подходы по использованию RTK, было очень полезно! Приложение работает! Спасибо еще раз за труд! Творческих успехов и развития каналу!
Очень хороший урок то что нужно для начала, ещебы покрыть это все тестами, было бы очень круто. Спасибо вам за ваш труд!!!!!!!!!!
Класс, ждал. Спасибо!
Макс , красава, так держать очень хорошо объясняешь 👏👍
спасибо, что продолжаешь
мои остановки (не забыть)
back - 21:28 - API на Express
front - 3:08:36 - Компонент Layout
изменение версии библиотеки - 3:44:14
Спасибо за ваш труд! Отличный курс, побольше бы таких! Хотелось бы увидеть проекты с использованием nestJs, nextJs, docker
Спасибо большое тебе за этот отличный контент, ты очень помогаешь)
Круто мужик, просто круто. Спасибо тебе.
Макс,спасибо!На сегодняшний момент я еще на компоненте Layout и не знаю решил ты дальше в уроке проблему с подсказками импортов или нет,но причина в том,что нужно открыть отдельно папку Client, а не через папку с бэком что-то делать во фронте.Cлишком много nodemodules для vs code.
Да, с подсказками очень непонятно бывает, видимо да, если папка с модулями большая, нужно отдельно открывать
@@maximroslow Крутой проект! Спасибо за твою работу!
Есть вопрос!
В странице Status я указывал путь на главную через Paths.home - после открытия страницы Status и нажатия на кнопку главная,переход происходил с 5-6 нажатия, а указав переход просто "/" , то все переходит без проблом с первого раза.
Почему так происходит?
3:37:40 если у Вас подчеркивается type={type} в компоненте CustomButton, в 2024 antDesign убрали стиль ghost. Поэтому, в типах пропсов надо убрать ghost, а в компоненте Header исправить ghost например на default
Пример:
Сотрудники
Только начал изучать ts надеюсь будет понятно
@maximroslow спасибо, что сделал этот урок и поделился им. я 1,5 месяца его смотрел и делал, но сделал, все работает )
Молодец, надеюсь ты узнал что-нибудь новое для себя!
@@maximroslow да, много нового, отличный курс, для развития в сторону full-stack!
Отличный урок, вот бы еще подобный курс только с использованием нового Next 14
спасибо большое , я еще не начинал смотреть
Ну как досмотрел? )
Очень актуально! Спасибо большое за урок, лучший!
Макс, на реальных проектах тоже всегда UI библиотеки используются или css/scss?
Спасибо за ролик
Спасибо за труд , обычно такое продают на курсах за нехилый оверпрайс
Лайк, шер, подписка, спасибо.
Отличный гайд! Жду деплой)
Спасибо, прекрасный труд!!!
Кайф, спасибо большое, очень крутой урок!!
Відео топ. Дякую👍 все круто і зрозуміло пояснюєте✅
Хороший видеоролик, сильный)
3:10:26 - можно использовать готовый тип в React - PropsWithChildren
Большое спасибо за ваш труд!
Спасибо за урок! 🙂
Наконец-то!
Макс, спасибо за контент, жду еще больше таких масштабных проектов.
Подскажи, как можно задеплоить это приложение, чтоб можно было добавить его к себе в портфолио?
Спасибо за видео!
компонент из antd теперь принимает prop ghost=boolean. Можно сделать вывод, что какие-то моменты из видео могли устареть, поэтому необходимо обращаться к документации))
Видео супер, узнал много полезного про frontend и бонусом про backend. Автор просто роняет золото!!
(моментами тишина смущает, приходится перематывать, но это не критично)
Полностью видео не смотрел, но Access токен лучше хранить в памяти приложения, так безопаснее.
Я храню Refresh токен в http only куках, и всегда при запуске приложения отправляю запрос на получения access токена.
Либо ставить интерцептор и отлавливать 401 ошибку, и при первом запросе на сервер ответ можно отловить, получить токен и все будет круто. Если стоит кеш на токенах, запросы выходят очень шустрые, или если бд не здоровая то тоже шустро все работает.
Спасибо!
Большое спасибо!
Круто огонь, единственное посоветовал бы шрифт на 20-30% больше сделать
Спасибо, да, я в следующем уроке принял во внимание, действительно не удобно смотреть, если на маленьких экранах
5:26:00 Подскажи плз, установка мидлвары cors не помогает, все равно отправка запроса сопровождается ошибкой net::ERROR_CONNECTION_REFUSED
аналогично, видать зря потратил три дня
А у вас есть репозитории с кодом? Я гляну
Автор, спасибо за видео! Очень интересней и подробный материал. Подскажите, пожалуйста, что за тема?
Хотелось бы продолжение с Docker
интересно, а конфликтны роуты типа /user/:idd и /user/add это в порядке вещей и никого не волнует?
Проста класс
как правильно скачать и запустить проэкт с гитхаба?пытаюсь войти в акк пишет Неизвестная ошибка
Подскажи пожалуйста, можно ли этот проект задеплоить, например, через Версель?
Как пользователя в prisma зарегать, никак не могу решить проблемы - выдает ошибку error: Environment variable not found: DATABASE_URL. Кто сталкивался?
У тебя в env файле нету пути до базы данных. В ошибке написано «Переменная окружения не найдена: DATABASE_URL»
@@maximroslow сделал только что, все равно не робит
D ]Postman в headers почему-то токент barer отображает в виде точек
блин, бро, ты тупа супер - красава, оч все хорошо, просто и понятно, я в первый раз в жизни пишу бэк, до этого писал только фронт, оч хорошо все рассказываешь
если будешь еще че - нить подобное делать, то мб еще пильнешь проект с другой бд, админкой и ролями?
еще раз спасибо!
С другими бд есть проблемы, монго просто так сейчас не поставить, только через докер, это не всем будет понятно. Постгрес или MySql тоже надо дополнительно устанавливать на комп, а по факту все тоже самое. Можно попробовать для обучения сделать другую бд, но думаю это излишне, лишняя трата времени ради того же результата и кого-то это может просто запутать. Честно, у меня нет примеров дого, чтобы использовать в таком маленьком проекте другую бд. Только ради того, чтобы показать, как ее подключить, в остальном все точно так же будет из-за ORM
@@maximroslow не, я имею ввиду прожект побольше, с другой бд, админкой и ролями
Как интернет магаз какой- нить)
Но тебе виднее, в любом случае
@@DenInside Аа, понял, спасибо за рекомендации, можно будет что-то придумать
Рад быть полезным:)
Очень полезный и классный урок! Не могу найти момент с кнопкой ВЫЙТИ... Может я не внимательно искал?
Макс здарова, давно тебя смотрю, спасибо за труд.
У меня вопрос образовательного характера: таких видео очень много стало на русскоязычном ютубе, а как такие курсы проходить - никто не говорит.
Это круто что ты сделал такое приложение и потратил на него более 7 часов, а вот тем кто учится, как правильно такие курсы проходить? Будет ли профит если тупо брать и повторять за тобой что ты делаешь на видео? У меня просто сомнения по поводу таких видео, т.к. не особо верится в реальную пользу тупого переписывания кода за автором. Есть советы?
Привет, я сам во фронтенд разработке с 2016 года, всегда смотрел видео на ютубе и учился по нему. Читал книги и статьи. Прочитал полностью документацию по реакт. Совет который могу дать, это то что нужно делать самому. Не обязательно то что я показал в этом видео, а просто делать. Делать самому "список дел на реакт", "форма входа" и тд. Код все пишут разный, а результат один - чтобы работало. Нужно научится делать приложения самому используя гугл. Конечно довольно сумбурный ответ, но по-другому не смогу сказать.
Я не делал ничего сам до ютуб канала. Я смотрел канал Traversy Media и повторял за ним. Делал все проекты которые делал он. И потом получил работу. Дело в том, что ютуберы показывают в таких проектах это только верхушка. Просто база. Пусть и большая. На рельных проектах нужно сидеть и разбитаться в ошибках. Пусть и видео 7 часов, но на сам проект я потратил намного больше времени. Потому что при разработке не все идет так, как задумано. Нужно сидеть и вникать в ошибки, смотреть в гугле, пытаться понять, почему именно так, а есть ли другой выход?
Мне всегда было трудно разбираться. Поэтому я избрал путь "смотри все что интересно и повторяй". После того как меня уволили, я сделал 2 проекта по ютубу. Похожего типа.
Первый проект: github.com/brian7346/Faceline
Второй проект: github.com/brian7346/Think-Bigger
Я просто повторял за ними. Но я добавил в каждый из проектов что-то свое. Один проект я сделал с переключением темы с ночной на дневную. А второй проект я делал без Redux, а на React Context, хотя сами видосы были с Redux. Я заставил себя, точнее мне было интересно попробовать сделать такое. И у меня получилось пусть и не сразу. Но именно после этих двух проектов я получил работу мидл разработчика. 2 проета я делал с февраля по август. Да времени много, но я долал все до конца.
Надеюсь я ответил на твой вопрос, на самом деле трудно что-то советовать, потому что у меня у самого не самый прямой путь, но сейчас я работаю, пусть меня и увольняли и я смотрел видосы по ютубу, но это помогло.
Надеюсь и у тебя все получится! Спасибо, что понимаешь, что это труд, делать такие видео
@@maximroslowТраверси последнее время мало что выпускает. Много интересного на фрикодкамп
Просто нужно идти от простого к сложному. Имеет смысл не повторять тупо, а делать осознанно.
Сначала HTML, потом CSS, далее более сложный CSS (переменные, формулы,миксины) Sass.
Далее разбиваете на компоненты, вложения при помощи «импорт». Далее JS - Его прочувствовать нужно. Самое первое - база это геморрой, переменные, функции, массивы, разные методы работы с ним (редьюc, мэп…)
В асинхронные JS пока не лезь, изучай Dom манипуляции ним. Обработчики событий. Далее на ютьюбе есть кучу простеньких кейсов на ванильном JS, типа прогноза погоды, калькулятора, таймера итд
У разных авторов разные подходы и объяснения поэтому лучше сделать несколько. Вот тогда ты будешь готов к реакту или вью (Create React Up, next, vite- можно даже раньше изучать)
Нужно самому писать и разбирать что ты сделал. Если все понятно и осознанно - иди дальше. Если сделал но не понял, почему так- ищи ответ.
Еще полезно выучить GIT /GitHub.
Удачи.
@@maximroslow спасибо за развернутый ответ, жду новые видосы! А я пошел учится)
@@diggerdog001 В целом повторять можно и нужно, поможет набить руку. только не в тупую переписывать а хотябы немного вникнуть что происходит и как это работает. А для такого видео нужен более менее кругозор, т.к. это не туторил по технологиям а проект использующий их, и тогда такой материал поможет понять новое и более легко изучить это.
все отлично, мне очень понравилось, единственное, если немного увеличить размер шрифта, буду рад
Спасибо большое, да, теперь я понимаю, что все смотрят с разных устройств и шрифт нужно было делать большим
Если развернуть приложение в Докер - было бы вообще круто!
👍👍👍
Подскажите в чем ошибка, при добавление сотрудника через клиент ввожу все данные нажимаю кнопку создать и мне пишет что: "Все поля обязательные"
Проверял в Postman запрос уходит сотрудник добавляется и на клиенте отображается, но когда я делаю это через клиент приходит ошибка что: "Все поля обязательные"
Понимаю что ошибка скорее всего на фронте
Подскажите пожалуйста, может кто сталкивался с такой ошибкой или может знать примерное ее решение, а то сам я его вообще не нахожу
Открой инструменты разработчика, выбери вкладку Network, перейди на страницу с добавлением сотрудника, заполни все поля и нажми отправить. Найди этот запрос в Network и посмотри какие поля уходят на сервер. Скорее всего у тебя поле не так названо на фронте перед тем, как отослать запрос проверь все поля которые ты собрал. И проверь название полей в роуте на сервере, что ты действительно отправляешь именно такое название
@@maximroslow спасибо за ответ, я нашел в чем была беда и это классика, на клиенте в папке "services => employees.ts" где мы писали билдеры на удаление, добавление получение и тд, в билдере "addEmployee" в body была ошибка
она заключалась в том что, я заключил элемент скобки то есть:
было body: { employee }, а должно быть body: employee
и ошибка пропала, оказалось ошибка просто в моей невнимательности
@@Bafmashina Отлично, молодец что разбирался и нашел. Это все в порядке вещей, ничего не работает с первого раза. Главное, при любой ошибке нужно внимательно разбирать ее и понять, в чем ошибка
@@maximroslow Спасибо большое)
При запуске на 1:00:18 приложение уходит в ошибку
Node.js v20.9.0
[nodemon] app crashed - waiting for file changes before starting...
Куда копать?
Спасибо!
Запушить в репозиторй и скинуть ссылку, чтобы я глянул)
Скорее всего где-то ошибку допустил
Привет, неплохой проект, а современных компаниях используют rtk или обычный редакс?
Бесконечно благодарен! Не планируешь снять деплой этого приложения?
Планирую, в процессе
Здравствуйте какую библиотеку вы используете для слайдера? Именно в react проектах. А то сложно делать слайдер
Для слайдера можно использовать react-owl-carousel www.npmjs.com/package/react-owl-carousel
Подскажите в чем проблема dataSource ={data} как только вставляю это в таблицу все крашится rawData.some is not a function
TypeError: rawData.some is not a function такая ошибка
У тебя есть ссылка на репозиторий? Проверь, data, должен быть массивом
@@maximroslow Привет,проверил , все одинаково как у тебя ( , приходит массив но первый рендер андефайн
столкнулся с такой же ошибкой
См. бэкенд, controllers -> employees:
Должно быть "res.status(200).json(employees);" а не "res.status(200).json({employees});" - тогда будет возвращаться массив, а не объект, и всё будет ок
У нас в компании тоже не юзают put и delete. А методы add и edit были бы объединены в save. Если есть id - то это редактирование записи, если нет - добавление записи.
А как определить модификатор edit it delete?
Привет всем! Если у вас не запустится сервер при проверке ввода пользака на 1 часе, то вы не скачали зависимости bcryp + jwt (но вы и сами должны догадаться если смотрите такой контент)
2:30:00 max, я попробовал вместо 204 написать 200 статус код, и тогда возвращался ответ 'OK'
Здравствуйте сделайте пожалуйста видео с поиском. Типо нажимаешь на кнопку поиск открывается блок и т.д.
выдает ошибку Failed to load resource: net::ERR_CONNECTION_REFUSED причем просто запустил твой проект с гитхаба без изменений по гайду, как фиксить это?
Запусти команду npx prisma generate в корне проекта
Я забыл добавить в описание, сейчас сделаю
@@maximroslow вцелом призма выдает ошибки разные, если можешь почекай плз, все остальное было понятно пс делаю только фронт
@@maximroslow Invalid `prisma.user.count()` invocation: не работает как не пробовал . The table `main.User` does not exist in the current database.
@@AlexJameson-w1m Хорошо, я посмотрю, так из гита не запускал проект после клонирования. Спасибо, что подсветил
Привет. Я никак не могу настроить себя на учебу веб-разработки, все думаю "все, завтра начну, с завтрашнего дня" и так у меня проходит каждый день. Я не могу начать. Вчера удалил полностью все игры с ПК что бы не отнимали время и не манили меня. Что мне делать ? Мож в дурку сходить ?
Я никогда не удалял ничего, всегда играл больше, чем изучал. Не заставлял себя. Просто например в какой-то день выбирал урок на ютубе и делал его. Например «верстка сайта на html + css”, я запускал видос и делал, не обязательно до конца в этот день. Минут 10 смотрел и выключал, если слишком устал.
В реальности никакая мотивация не нужна. Нужна дисциплина. Если ты поставил себе цель, то обязан сесть и изучать. Сделай себе список задач. На день, на неделю, на месяц.
За день: прочитать статью по замыканиям, купить книгу по js, начать делать туториал
Кроме тебя никто не поставит себе цель. Поэтому все в твоих руках. Лучше посидеть сейчас и потратить время, чем ничего не делать и мечтать . Ничего не изменится, если просто сидеть без плана. Поэтому подумай и просто начни. Начни с тем что у тебя есть. Хотя бы с 10 минут в день. У тебя все получится. Не обязательно начинать с урока по 8 часов. Можно и с простого css урока на 5 минут
@@maximroslow Сейчас я знаю только HTML + CSS. В планах изучить адаптивную верстку и потом уже переходить к JavaScript, TypeScript, React и GiT. Думаю с такими знаниями можно будет пробовать искать работу. Можешь подкорректировать мой список, что еще нужно изучать ?
@@6YP6ONПривет,как успехи?Помогло удалить игры?
Не могу понять, а зачем вы сделали кастомную кнопку, если вы по сути переписываете туда все свойства дефолтной кнопки из ант? По сути отличие только одно, что вы стандартную кнопку оборачиваете в элементы формы, но это не так сильно позволяет упростить код
Я вынес не просто кнопку, а кнопку которая обернута в Form.Item, если бы я этого не сделал, я бы каждую кнопку из анта должен был оборачивать
Буду для себя тут тайм коды записывать:
8:30 CMD+shift+p "select" выбор gitbash
CMD+shift+p - это шорт кат открытия поиска, если удалить символ ">" то можно искать файлы в проекте по имени
@@maximroslow привет, проект не хочет открываться(регистрация и тд) все равно, даже если скачать твой реп и все по гайду установить
Со стилями ерунда какая-то: body { color: white } не работает, пишет чёрным по чёрному.
Выходит ошибка при попытке установить express-generator что делать?
Вместо того, чтобы удалить весь node_modules и установить его обратно, чтобы удалить какую нибудь библтотеку, можно написать команду npm uninstall и название битлиотеки,например antd (03:46:00 гдето тут было), когда хотел заменить версию
npm uninstall не удалит зависимость из lock файла
@@maximroslow но если переустанавливать другую версию, то в lock файле заменится удалённая версия на новую (у меня так сработало)
@@maximroslow ещё загуглил, что если написать npm uninstall --save, то из lock можно будет удалить
@@NurlanAliyev-h7q Я по-разному пробовал, самое верное удалить папку с модулями и лок файл, чтобы кеша не было никакого. Ну хорошо, что у тебя так сработало)
Докер! Просим докер)
hello, when i delete,update or add it doesnot show on table unless i refresh? what should i do?
or how to set to save user after refreshing page?