وصف:
В этом видео ты научишься с нуля разрабатывать бэкенд на стэке MERN (MongoDB, Express, React, NodeJS) и подключать к фронтенду свой бэкенд. Также, к завершению урока ты научишься деплоить своё приложение на Heroku + Vercel. Курс идеально подойдёт для новичков, которые впервые решили попробовать NodeJS. 👀 Чему ты научишься? 1. Разрабатывать свой бэкенд 2. Делать авторизацию и регистрацию backend + frontend 3. Работать с базой данных (MongoDB) 4. Разработке full stack проектов 5. Делать загрузку файлов на сервер 6. Подключать аутентификацию с помощью JWT 7. Взаимодействовать фронтенд с бэкендом 8. Деплоить фулл стэк приложение ⚙️ Программы: Insomnia - https://insomnia.rest/download MongoDB Compass - https://www.mongodb.com/products/tools/compass (нужен VPN для доступа к скачиванию) 📚 Готовые исходники: https://t.me/archakov_im/522 🔗 Ссылки по материалу: - Vercel - https://vercel.com/ - Heroku - https://www.heroku.com/ - Офф. сайт JWT - https://jwt.io/ - Список HTTP-кодов - https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D0%BA%D0%BE%D0%B4%D0%BE%D0%B2_%D1%81%D0%BE%D1%81%D1%82%D0%BE%D1%8F%D0%BD%D0%B8%D1%8F_HTTP 🔗 Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im/ — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim ⏰ Таймкоды: 00:00:00 Бэкенд (начало) 00:00:28 Теория по бэкенду 00:08:26 Начало разработки бэкенда 00:10:25 Установка библиотеки Express 00:10:57 Подключаем модульный подход для NodeJS (import, export, es6 и т.п.) 00:12:15 Начинаем разработку приложения на Express 00:19:11 Делаем HTTP-запросы на приложение через Insomnia 00:20:05 Создаем тестовую авторизацию 00:23:26 Подключаем JSON Web Token (JWT) 00:27:08 Делаем регистрацию + подключаем базу данных MongoDB 00:31:18 Создаем модель UserModel 00:36:07 Устанавливаем Express Validator и подключаем в проект 00:44:38 Создаем пользователя в БД 00:45:45 Шифруем пароль с помощью BCrypt 00:48:45 Подключаемся к БД через программу MongoDB Compass 00:51:47 Обрабатываем ошибки 00:57:17 Скрываем пароль юзера из ответа 00:58:35 Делаем реальную авторизацию 01:04:53 Делаем роут на получение информации о профиле 01:05:52 Создаем middleware (функцию посредник) - checkAuth.js 01:16:47 Делаем небольшой рефакторинг index.js 01:19:52 Создаем функционал для статей (CRUD) 01:50:18 Делаем загрузку картинок на сервер (Multer) 01:56:10 Возвращаем статические файлы (загруженные картинки) 01:57:54 Создаем middleware - handleValidationErrors.js 02:01:06 Рефакторим итоговый код бэкенда 02:05:09 Фронтенд 02:06:22 Изучаем структуру фронтенд проекта 02:09:16 Подключаем React Router 02:13:34 Подключаем Redux Toolkit 02:15:26 Создаем slice для статей (posts) 02:19:20 Настраиваем Axios 02:21:13 Исправляем ошибку CORS 02:23:23 Создаем асинхронный action в Redux Toolkit 02:25:32 Сохраняем в стейт статус запроса и сами статьи 02:32:58 Вытаскиваем тэги из бэкенда 02:36:28 Делаем вывод полной записи 02:44:01 Создаем функционал для авторизации 03:00:10 Проверяем авторизован пользователь или нет 03:06:00 Сохранять токен в LocalStorage, чтобы не выкидывало из аккаунта 03:16:55 Делаем форму регистрации 03:24:38 Разрешаем удалять статью только автору 03:27:44 Форма создания статьи + Simple Editor 03:34:24 Загрузка изображения на сервер 03:43:04 Отправка статьи на бэкенд 03:51:43 Рендерим статьи с помощью React Markdown 03:54:10 Удаление статьи 04:01:55 Редактирование статьи 04:09:49 Что сказала кукуруза? (итого) 04:10:25 Домашние задания для тебя 04:13:02 Деплой блога на Heroku + Vercel 04:14:24 Heroku 04:17:56 Vercel 04:23:45 Конец
تحضير خيارات التنزيل
موقع http://unidownloader.com/ هو أفضل طريقة لتنزيل مقطع فيديو أو مقطع صوتي منفصل إذا كنت تريد الاستغناء عن تثبيت البرامج والإضافات.
ملحق UDL Helper هو زر ملائم مدمج بسلاسة في مواقع YouTube وInstagram وOk.ru لتنزيل المحتوى بسرعة.
برنامج UDL Client (لنظام Windows) هو الحل الأقوى الذي يدعم أكثر من 900 موقع إلكتروني وشبكات التواصل الاجتماعي ومواقع استضافة الفيديو، بالإضافة إلى أي نوعية فيديو متوفرة في المصدر.
UDL Lite هو وسيلة مريحة حقًا للوصول إلى موقع ويب من جهازك المحمول. بمساعدته، يمكنك بسهولة تنزيل مقاطع الفيديو مباشرة على هاتفك الذكي.
أفضل تنسيقات الجودة هي FullHD (1080p) و2K (1440p) و4K (2160p) و8K (4320p). كلما زادت دقة الشاشة، يجب أن تكون جودة الفيديو أعلى. ومع ذلك، هناك عوامل أخرى يجب مراعاتها: سرعة التنزيل ومقدار المساحة الخالية وأداء الجهاز أثناء التشغيل.
يجب ألا يتجمد المتصفح/الكمبيوتر تماماً! إذا حدث ذلك، يرجى الإبلاغ عن ذلك مع رابط الفيديو. في بعض الأحيان لا يمكن تنزيل مقاطع الفيديو مباشرة بتنسيق مناسب، لذلك أضفنا إمكانية تحويل الملف إلى التنسيق المطلوب. في بعض الحالات، قد تستهلك هذه العملية موارد الكمبيوتر بشكل فعال.
يمكنك تنزيل مقطع فيديو على هاتفك الذكي باستخدام الموقع الإلكتروني أو تطبيق UDL Lite. من الممكن أيضًا إرسال رابط التنزيل عبر رمز الاستجابة السريعة باستخدام ملحق UDL Helper.
الطريقة الأكثر ملاءمة هي استخدام برنامج UDL Client، الذي يدعم تحويل الفيديو إلى تنسيق MP3. في بعض الحالات، يمكن أيضًا تنزيل MP3 من خلال ملحق UDL Helper.
تتوفر هذه الميزة في ملحق UDL Helper. تأكد من تحديد "إظهار زر لقطة الفيديو" في الإعدادات. يجب أن تظهر أيقونة الكاميرا في الركن الأيمن السفلي من المشغل إلى يسار أيقونة "الإعدادات". عند النقر عليه، سيتم حفظ الإطار الحالي من الفيديو على جهاز الكمبيوتر الخاص بك بتنسيق JPEG.
لا يكلف شيئًا. خدماتنا مجانية تمامًا لجميع المستخدمين. لا توجد اشتراكات للمحترفين ولا قيود على عدد مقاطع الفيديو التي يتم تنزيلها أو الحد الأقصى لطولها.