- 72
- 31 734
devPont
เข้าร่วมเมื่อ 7 ก.ค. 2014
Авторский канал TypeScript Fullstack разработчика Сергея Дмитриева. Здесь я учу программированию, делюсь собственными опенсорс наработками, и просто делюсь опытом. А вообще я создаю стартапы свои и на заказ. Создаю инструменты для разработчиков. Учу программированию. Основатель команды создателей IT-продуктов - SVAG
Урок 67. Авторизация: валидация токена (TypeScript, Node.js, React)
🛡 Сегодня изучаем, как обходить проблемы с невалидными токенами при авторизации. Вы узнаете, как обрабатывать ошибки и перенаправлять пользователей на страницу авторизации для более гладкой работы приложения. 🌟
#OAuth #JWT #Авторизация #WebDev #Cookies #NodeJS #TypeScript
📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson/auth-token
📚 Все уроки и информация об учебнике: svag.group/ru/education/dev-web
💬 Чат поддержки: t.me/devPontChat
Буду признателен подписке на мои каналы, где я буду делиться и прочими авторскими полезностями для разработчиков:
⭐️ Основной канал devPont в Telegram: t.me/devPont
💬 Основной чат devPont в Telegram: t.me/devPontChat
📹 VKVideo канал devPont: vkvideo.ru/@devPont
📹 TH-cam канал devPont: www.youtube.com/@devPont
#OAuth #JWT #Авторизация #WebDev #Cookies #NodeJS #TypeScript
📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson/auth-token
📚 Все уроки и информация об учебнике: svag.group/ru/education/dev-web
💬 Чат поддержки: t.me/devPontChat
Буду признателен подписке на мои каналы, где я буду делиться и прочими авторскими полезностями для разработчиков:
⭐️ Основной канал devPont в Telegram: t.me/devPont
💬 Основной чат devPont в Telegram: t.me/devPontChat
📹 VKVideo канал devPont: vkvideo.ru/@devPont
📹 TH-cam канал devPont: www.youtube.com/@devPont
มุมมอง: 63
วีดีโอ
Урок 66. Авторизация: соль (TypeScript, Node.js, React)
มุมมอง 1794 ชั่วโมงที่ผ่านมา
Технология добавления соли к паролю делает данные более защищёнными. При утечке базы данных стандартные радужные таблицы злоумышленникам не помогут, так как соль придает уникальность каждому хэшу. 🧂 #ИнформационнаяБезопасность #Hashing #Salt #TypeScript #NodeJS 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson/auth-salt 📚 Все уроки и информация об...
Урок 65. Environment Variables: webapp (TypeScript, Node.js, React)
มุมมอง 1499 ชั่วโมงที่ผ่านมา
В этом уроке мы изучим переменные окружения для фронтенда, их настройку и использование с Vite. Вы узнаете, как определять переменные для порта, работать с файлами .env и правильно парсить их для разных окружений. #Vite #JavaScript #FrontendDevelopment #tRPC #WebDev #EnvVariables #React #TypeScript 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson...
Урок 64. Environment Variables: backend (TypeScript, Node.js, React)
มุมมอง 19616 ชั่วโมงที่ผ่านมา
Переменные окружения в Node.js позволяют хранить данные, доступные только серверу, например ключи для JWT, без включения их в код. Мы обсудим использование .env для автоматической загрузки переменных и оборачивание их в Zod для типизации. 💡 #NodeJS #TypeScript #EnvironmentVariables #JWT #Zod #BackendDevelopment #Security 🛠️ 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/gu...
Урок 63. Авторизация как таковая (TypeScript, Node.js, React)
มุมมอง 1.1K21 ชั่วโมงที่ผ่านมา
🔥 Мы изучаем, как помечать пользователей как вошедших с помощью JSON веб-токенов и библиотеки #Passport для Node.js. Это позволит определить авторизованность пользователя и управлять доступом к функциям. 🧑💻 #NodeJS #TypeScript #JWT #Авторизация #WebDevelopment #Программирование #ПрограммированиеНаРусском 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi...
Урок 62. Авторизация: страница для входа (TypeScript, Node.js, React)
มุมมอง 510วันที่ผ่านมา
Научитесь создавать страницу входа с маршрутизацией и обработкой ошибок и успехов. Овладейте созданием компонентов, валидацией и взаимодействием с сервером для улучшения UX и безопасности. 📲 #SignInPage #WebDevelopment #React #TypeScriptJS #CodingJourney #FormHandling #FrontendDevelopment 🖥️✨ 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson/auth-...
Урок 61. Авторизация: эндпоинт для входа (TypeScript, Node.js, React)
มุมมอง 263วันที่ผ่านมา
Мы создаём endpoint для входа пользователей в систему! Обрабатываем ник и пароль, сравниваем с базой и возвращаем результат. Создаём функцию getPasswordHash для обеспечения безопасности данных. 🔒 #BackendDevelopment #NodeJS #TypeScript #tRPC #SignIn #Authentication #SecurePasswordHandling #WebDevelopment #Программирование #ВебРазработка 📝 Полный урок (исходный код, полезные ссылки, советы): sva...
Урок 60. Авторизация: страница регистрации (TypeScript, Node.js, React)
มุมมอง 75414 วันที่ผ่านมา
В этом уроке мы добавим страницу регистрации в ваш фронт-энд. 📋 Обсудим роутинг, добавление ссылки в меню и создание формы для ввода никнейма и пароля с валидацией. 💡 #Frontend #SignUpPage #WebDevelopment #React #TypeScript #Zod #FormValidation 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson/auth-sign-up-webapp 📚 Все уроки и информация об учебни...
Урок 59. PostgreSQL: GUI для работы с БД (TypeScript, Node.js, React)
มุมมอง 18514 วันที่ผ่านมา
Изучаем эффективную работу с базами данных через DBeaver. Этот инструмент позволяет вам подключаться к базе, писать запросы для анализа и модификации данных. В этом уроке вы научитесь извлекать данные о пользователях и добавлять новых. 🚀 #SQL #DBeaver #БазыДанных #NodeJS #TypeScript 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson/dbeaver 📚 Все у...
Урок 58. Использование инструмента для ручного вызова tRPC эндпоинтов (TypeScript, Node.js, React)
มุมมอง 32514 วันที่ผ่านมา
Сегодня разберем, как создать интерфейс для проверки endpoints с помощью tRPC Playground. Интегрируем его в backend и научимся настраивать взаимодействие с endpoint signup. Это позволит оперативно убедиться, что всё работает правильно. 🌟 #tRPC #Backend #WebDev #Playground #API #Отладка #NodeJS #TypeScript 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi...
Урок 57. Авторизация: модель пользователя + эндпоинт регистрации (TypeScript, Node.js, React)
มุมมอง 79121 วันที่ผ่านมา
В новом видео разберём процесс авторизации пользователей, сосредоточимся на создании модели пользователя и добавлении регистрационного эндпоинта. Изучим, как безопасно хранить пароли с помощью хеширования, чтобы защитить данные ваших пользователей. 🛡️🎉 #Авторизация #Хеширование #Безопасность #NodeJS #TypeScript #Prisma #Backend #Программирование #УрокиКодинга 📝 Полный урок (исходный код, полезн...
Урок 56. Используем superjson для получения даты с бэкенда (TypeScript, Node.js, React)
มุมมอง 24921 วันที่ผ่านมา
🌟 Сегодня разберем, как эффективно выводить и форматировать даты в веб-приложении с помощью #DateFNS. Научимся передавать даты в изначальном формате через #SuperJSON и tRPC 📅 #JavaScript #FrontendDevelopment #WebDev #trpc #SuperJSON #DateHandling #React #TypeScript 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson/trpc-superjson 📚 Все уроки и инфо...
Урок 55. Prisma: добавление новых полей в существующую таблицу (TypeScript, Node.js, React)
มุมมอง 11221 วันที่ผ่านมา
🎓 Сегодня мы изучим, как сортировать сущности по дате создания в базе данных. Добавление поля «сreatedAd» и настройка сортировки помогут держать свежие сущности на вершине списка 🚀 #БазыДанных #СортировкаИдей #Программирование 📝 Полный урок (исходный код, полезные ссылки, советы): svag.group/ru/guide/dev-web-iserdmi/lesson/prisma-migrate 📚 Все уроки и информация об учебнике: svag.group/ru/educa...
Урок 54. Prisma: создание записей в БД (TypeScript, Node.js, React)
มุมมอง 14821 วันที่ผ่านมา
Урок 54. Prisma: создание записей в БД (TypeScript, Node.js, React)
Урок 53. Prisma: поиск по записям БД через Prisma клиент (TypeScript, Node.js, React)
มุมมอง 11328 วันที่ผ่านมา
Урок 53. Prisma: поиск по записям БД через Prisma клиент (TypeScript, Node.js, React)
Урок 52. Передача клиента Prisma в tRPC контекст (TypeScript, Node.js, React)
มุมมอง 593หลายเดือนก่อน
Урок 52. Передача клиента Prisma в tRPC контекст (TypeScript, Node.js, React)
Урок 51. Prisma: подключение базы данных (БД) (TypeScript, Node.js, React)
มุมมอง 244หลายเดือนก่อน
Урок 51. Prisma: подключение базы данных (БД) (TypeScript, Node.js, React)
Урок 50. Поднятие базы данных PostgreSQL (TypeScript, Node.js, React)
มุมมอง 492หลายเดือนก่อน
Урок 50. Поднятие базы данных PostgreSQL (TypeScript, Node.js, React)
Урок 49. Компоненты: FormItems (TypeScript, Node.js, React)
มุมมอง 202หลายเดือนก่อน
Урок 49. Компоненты: FormItems (TypeScript, Node.js, React)
Урок 48. Компоненты: Button (TypeScript, Node.js, React)
มุมมอง 446หลายเดือนก่อน
Урок 48. Компоненты: Button (TypeScript, Node.js, React)
Урок 47. Компоненты: Alert (TypeScript, Node.js, React)
มุมมอง 343หลายเดือนก่อน
Урок 47. Компоненты: Alert (TypeScript, Node.js, React)
Урок 46. Стили: Textarea (TypeScript, Node.js, React)
มุมมอง 331หลายเดือนก่อน
Урок 46. Стили: Textarea (TypeScript, Node.js, React)
Урок 45. Стили: Input (TypeScript, Node.js, React)
มุมมอง 393หลายเดือนก่อน
Урок 45. Стили: Input (TypeScript, Node.js, React)
Урок 44. Форма: ошибка (TypeScript, Node.js, React)
มุมมอง 882หลายเดือนก่อน
Урок 44. Форма: ошибка (TypeScript, Node.js, React)
Урок 43. Форма: успех (TypeScript, Node.js, React)
มุมมอง 338หลายเดือนก่อน
Урок 43. Форма: успех (TypeScript, Node.js, React)
Урок 42. Форма: загрузка (TypeScript, Node.js, React)
มุมมอง 576หลายเดือนก่อน
Урок 42. Форма: загрузка (TypeScript, Node.js, React)
Google Chrome Extension разработка с нуля за 40 минут - автоматизация создания Google Meet
มุมมอง 5272 หลายเดือนก่อน
Google Chrome Extension разработка с нуля за 40 минут - автоматизация создания Google Meet
Урок 21. Добавление React Router (TypeScript, Node.js, React)
มุมมอง 1673 หลายเดือนก่อน
Урок 21. Добавление React Router (TypeScript, Node.js, React)
Введение в обучение фулстек-разработке веб-сервиса на TypeScript, Reaсt, Node.js
มุมมอง 4.8K3 หลายเดือนก่อน
Введение в обучение фулстек-разработке веб-сервиса на TypeScript, Reaсt, Node.js
Урок 34. Форма: валидация (TypeScript, Node.js, React)
มุมมอง 945 หลายเดือนก่อน
Урок 34. Форма: валидация (TypeScript, Node.js, React)
Спасибо за урок, всегда пользовался командой git add . - теперь узнал про git add -A
День, когда узнал что помимо апострофа ' и обычной двойной кавычки ", существует и для чего-то активно применяется ещё и какая-то обратная ` :−)
Спасибо друг!😊 Жаль, что некоторые люди решили, что мне нельзя смотреть такие видосы
@@dydai здравствуйте! Как так?)
@@devPont, здравствуйте, замедлили всю платформу😢
Проходите на моей платформе svag.group/ru/education/dev-web или на вквидео vkvideo.ru/playlist/-227165132_2 этот курс в общем не только на ютубе)
Возможна ли регистрация на канадский номер 14160000000
Здравствуйте! Да, всё должно работать. Смс не приходит?
Обнаружил проблему, скоро починю. Отпишусь
Сейчас проблемы с отправкой в сша и канаду. Сделал так, что можнотакие номера телефонов не подтверждать, но тогда попросят подтвердить почту
Контент суперский. Мне нравится такое 👏👏👏
А что насчёт структуры проекта? Фолдэры и тд. Как организовать такое правильно ? 😄
Здравствуйту! Тут 141 урок, всё ещё раскидаем по папкам, и не раз)
звучит заманчиво) для меня главное речь спикера, к счастью приятно слушать!)
Спасибо за уроки! Можно узнать, почему работаете именно в связке Express + React, а не Next JS как фуллстек?
По мне так Next js усложняет и замедляет разработку, а бнефиты мне не очень ясны. SSR если нужен, то использую его, но дмую для SSR лучше использовать Remix. А вообще SSR стоит избегать по возможности, если нет нарочного требования от заказчика, он просто добавляет проблем. Ну и мне просто не нравится как сделали Next.js, мне видится код написанный на нём гораздо более громоздким и не удобным в поддержании, чем голое самописное решение. И тем более для курса в самый раз показать как всё сделать с нуля без фреймворков, чтобы лучше понять как оно всё устроено. Потом кому надо смогут доучить Next.js самостоятельно, это всё-таки всего лишь фреймворк. Мне главное в курсе было показать картину создание проекта в целом
@@devPontспасибо за ответ. Что думаете о Nest.js в качестве бэкэенд фрейморка? С первого взгляда он тоде кажется излишне громоздким. Стоит ли его использовать для малых и средних проектов?
Если вам просто он нравится, и вам на нём комфортнее разрабатывать, то да. Если не знаете его, просто не используйте до тех пор пока не узнаете, что он решает какие-то такие проблемы, которые вы самостоятельно решить не можете. На одном из моих текущих рабочих проектов, используется nest.js по требованию заказчика. И ничего хорошего я в несте не вижу. Он хорош тем, что предполагает наличие некоторого стандарта, и написать так чтобы никто не понял получится, но опять же куча лишней писанины, куча ограничений, куча неудобств. По мне так это просто штука для людей которые программируют в большой компании, без особого энтузиазма и вовлечённости. В общем нест совсем не окрыляет)
@@devPontпонял, спасибо за ответ и спасибо за уроки по разработке! Это лучшие уроки в русскоязычном Ютубе 👍
Очень полезный курс
Обязательно пройду все уроки. очень доходчиво объясняете. Благодарю за труды и старания
Здравствуйте! И я вас благодарю!
Рад что попал на Ваш канал
Привет, не получается запустить в windows terminal Cygin ZSH, делаю по статье из последней ссылки (как поставить Oh My Zsh на windows вместе с Cygwin) потому что терминал не находит /bin/xhere и /bin/zsh в папке куда установил cygwin64 - их нет там ("commandline": "C:/cygwin64/bin/bash.exe /bin/xhere /bin/zsh"), можешь что-нибуть подсказать? Спасибо) PS: Разобрался)
Здравствуйте! Заходите к нам в чатик в телеграме: t.me/devPontChat мы там этот вопрос обсудили. Если кратко, то забейте на Cygwin. Используйте WSL: winitpro.ru/index.php/2020/07/13/zapusk-linux-v-windows-wsl-2/?ysclid=m4v31eyout585528111
@devPont да, именно так и сделал, запустил omz в wsl, и открыл терминал wsl в vscode
Неожидано залетел ко мне в реки, круто)
Спасибо тебе всепоглощающее за твой труд! Ты широкой души человек с большим сердцем. Низкий поклон и благослови тебя Бог!
Спасибо вам! Во Славу Божию! 🙂
ESlint начиная с версии V 9.0... больше не поддерживает формат файла yml Файл должен называться eslint.config.js и иметь другую структуру
Да в 9 версии всё поменялось. Если не хотите сейчас заморачиваться с самостоятельным изученим конфигов 9 версии (дело как бы плёвое, но и без этого хватает с чем разбираться), можете просто установить 8 на время прохождения курса
Вы гений, вы сделали что-то невероятное! Большое спасибо за возможность учиться. Это невероятно ценно для меня
И вам спасибо! 🙂
Огромное спасибо за материалы. Кажется это самый толковый и комплексный курс на Ютубе. Пожалуйста, продолжайте дальше
Спасибо за поддержку! 🙂
Хороший урок получился!! .. двигаемся дальше)
Я здесь не по профилю, ну очень залипательная подача материала. Благодарность лайк и все такое😊
Это круто. 💪
Спасибо! 🙂
Огромное спасибо вам за такой качественный курс, выложенный бесплатно на ютуб!
Спасибо огромное !!! Офигенные уроки получились!!!!!!!!!!!!!!!
Интересно. Всё думал, как эти плагины делаются
DBevear он же Бобер))
ts-node постоянно ругался. Вначале Unexpected token 'export'. Потом Unknown file extension ".ts". C tsx таких проблем нет
Спасибо мил человек!
автор, меняй работу))) можно смело на радио новости рассказывать)) Конечно, придется поработать над голосом, дикцией и вот это все. Но тембр неплохой. Можно подрабатывать)))) Я серьезно) пысы на канал подписался в поддержку
Здравствуйте! Спасибо!) Так-то можно на любую работу идти, если подучиться)))
Сделай чёрный экран плз. Ночью смотрю хорошие уроки . Но глаза не выдерживают
Огромнейшее спасибо за Вашу щедрость и альтруизм ! Восторг и мотивация. Пусть этот труд будет обильно вознагражден благодарными последователями!
Здравствуйте! Спасибо большое за тёплые слова 🙂
Сергей, добрый день! Прочитал вашу статью на хабре - спасибо за ваш труд и полезный материал! Решил присоединиться к вашему курсу, но, кажется, на ютуб выложена только его часть. Это так, или я что-то упустил?
Здравствуйте! На ютуб выкладываю примерно раз в 2-3 дня новый урок. Но под каждым роликом есть ссылка на платформу, где уже выложен весь курс также бесплатно
6:55 моё выражение лица и мысли, когда повторяешь код из уроков и что-то не работает 😀
Еще не смотрел, но подписался! Спасибо за контент, скоро доберусь)
Пришел из вашей статьи на хабре, отличный материал буду стараться пройти и разобраться, огромное спасибо за проделанную работу и за свободный доступ в актуальные технологии
Здравствуйте! И вам спасибо! 🙂
Давно искала платформы, чтобы научиться веб-разработке и нашла ваш курс в телеграмм-канале CodeCamp. Спасибо большое за вашу работу и понятное изложение.
Здравствуйте! И вам спасибо! 🙂
Уровень
Здравствуйте! Спасибо! 🙂
Перешёл с Хабра. Спасибо! Подписался, лайкнул )
Здравствуйте! Спасибо! 🙂
Второй раз потянуло изучить реакт в первый раз был совсем не готов, спасибо за хороший курс. Отдельное спасибо за медленное и понятное повествование )))
Здравствуйте! И вам спасибо! Успехов в обучении 🙂
Интересно слышать MVP в другом контексте, сразу в голове резонанс)).. смотрим дальше))
Привет с CodeCamp
Здравствуйте! А можете ссылкой поделиться, пожалуйста, не знал что там тоже информацию про этот курс выложили)
Нашёл, спасибо!)
Извините пожалуйста за занудство, но что такое кэсэс? Вроде бы читается css как си-эс-эс (англ. "see-ess-ess") (хоть и Cascading Style Sheets) - смотрим дальше))
Здравствуйте! Да, я многие вещи называю не правильно. Отнеситесь, пожалуйста, к этому курсу и к подаче материала, как к знанию передаваемому не лектором в вузе (таких курсов полно и без этого), а как ремесленником, который больше 10 лет что-то сам себе программирует в своей коморке, хорошо умеет делать, умеет объяснить не заумным языком, но к сожалению иногда криво выговаривает названия инструментов)
Ну прочитай как Каскад Стайл. Вникай в курс, автору респект
Неужели это тот курс, который мне нужен? Не тупое повторение за лектором того кода который он пишет, а написание своего кода и своего проекта по ходу курса. Если это так - это реально круто.
Здравствуйте! Вы можете и просто повторять, но лучше, кончено, писать какой-то свой аналогичный проект, который вам самому хочется написать. Тогда это будет курс реально для вас 🙂
Я с Хабра из твиттера
В этом уроке не хватает добавления SSH ключа для Github, это тот еще квест, для неподготовленного пользователя. Без него не получится ничего запушить на гитхаб
Здравствуйте! Да, ssh ключ добавлять забыл научить, но уже поздно что-то менять)
Есть ли выгода (скорость работы и разработки, нагрузка на сервер, ) от использования Vue.js вместо React? Или для многостраничных приложений Vue.js хуже подходит?
Здравствуйте! От фреймворка на фронте нагрузка на сервер не меняется. Vue.js будто бы проще в освоении, но делать сложные вещи на нём тяжелее. По мне так реакт - золотая середина между вью и ангуляром, по-этому я выбираю его
И я с хабра) Спасибо! Полезные уроки. Еще бы такое на связке java и spring. Единственное, лучше ещё загрузите на рутуб, так как ютуб иногда очень тормозит, часть видео вообще могут не грузиться, общедоступный впн уже не помогает. На рутубе есть функция копирования всего канала.
Загружу, сколько-то видео там уже есть, но потом перестал загружать, уж очень не удобная платформа: rutube.ru/channel/39002929/
@@devPont о да, ужасная даже сказал бы, поиска даже нет нормального, банально по названиям видео не ищет среди всего, не понятно как выборку делает, но приходится пользоваться, а то тут иногда вообще не грузит, и приходится сторонними сервисами сначала скачивать, и то не всегда получается
Перешёл с хабра. Спс, подписка, лайк.
Здравствуйте! И вам спасибо!
Честно сказать, для тебя место в раю подготовле за твою добрую душу. Я прям искал как сделать свой проект для своего стартапа❤
Здравствуйте! Спасибо большое! Я воцерковлённый православный христианин, и ваша благоданость лучшая из всех возможных для меня! 🙂 Успехов вам в обучении! 😊
nik у сущности(статьи/идеи)? может быть slug?
Здравствуйте! Да запросто, просто сам проект называется ideanick, поэтому и сущность которая как бы slug назвали nick
Ща глянем🙂
НУ и желательно как каковую тоже :D
регистрация на Svag не проходит, возможно потому что белорусский номер телефона (
Здравствуйте! Уточните, пожалуйста, какие у вас первые 4 цифры номер и длина номера? Например +7 917 000-00-00 (сам номер можете нулями заменить)
У меня просто деньги на сервисе отправок смс кончились) Пополнил. Проверьте ещё раз, пожалуйста 🙂
@@devPont Успешно!
Спасибо!
Здравствуйте! И вам спасибо! 🙂