Mô tả:
В этом видео ты научишься с нуля разрабатывать бэкенд на стэке 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 Конец
Chuẩn bị tùy chọn tải xuống
Trang web http://unidownloader.com/ là cách tốt nhất để tải xuống một video hoặc một đoạn âm thanh riêng nếu bạn muốn tải xuống mà không cần cài đặt chương trình và tiện ích mở rộng.
Tiện ích mở rộng UDL Helper là một nút tiện lợi được tích hợp liền mạch vào các trang YouTube, Instagram và OK.ru để tải xuống nội dung nhanh chóng.
Chương trình UDL Client (dành cho Windows) là giải pháp mạnh mẽ nhất hỗ trợ hơn 900 trang web, mạng xã hội và trang lưu trữ video cũng như mọi chất lượng video có sẵn trong nguồn.
UDL Lite là một cách thực sự thuận tiện để truy cập trang web từ thiết bị di động của bạn. Với sự trợ giúp của nó, bạn có thể dễ dàng tải video trực tiếp xuống điện thoại thông minh của mình.
Các định dạng chất lượng tốt nhất là FullHD (1080p), 2K (1440p), 4K (2160p) và 8K (4320p). Độ phân giải màn hình của bạn càng cao thì chất lượng video càng cao. Tuy nhiên, có những yếu tố khác cần xem xét: tốc độ tải xuống, dung lượng trống và hiệu suất thiết bị trong quá trình phát lại.
Trình duyệt/máy tính không được đóng băng hoàn toàn! Nếu điều này xảy ra, vui lòng báo cáo nó kèm theo liên kết tới video. Đôi khi không thể tải xuống trực tiếp video ở định dạng phù hợp, vì vậy chúng tôi đã thêm khả năng chuyển đổi tệp sang định dạng mong muốn. Trong một số trường hợp, quá trình này có thể chủ động sử dụng tài nguyên máy tính.
Bạn có thể tải video xuống điện thoại thông minh của mình bằng trang web hoặc ứng dụng PWA UDL Lite. Cũng có thể gửi liên kết tải xuống qua mã QR bằng tiện ích mở rộng UDL Helper.
Cách thuận tiện nhất là sử dụng chương trình UDL Client, chương trình hỗ trợ chuyển đổi video sang định dạng MP3. Trong một số trường hợp, MP3 cũng có thể được tải xuống thông qua tiện ích mở rộng UDL Helper.
Tính năng này có sẵn trong tiện ích mở rộng UDL Helper. Đảm bảo rằng bạn đã chọn "Hiển thị nút quay video nhanh" trong cài đặt. Biểu tượng máy ảnh sẽ xuất hiện ở góc dưới bên phải của trình phát, bên trái biểu tượng "Cài đặt". Khi bạn nhấp vào nó, khung hình hiện tại của video sẽ được lưu vào máy tính của bạn ở định dạng JPEG.
Nó không tốn gì cả. Các dịch vụ của chúng tôi hoàn toàn miễn phí cho mọi người dùng. Không có đăng ký PRO, không có giới hạn về số lượng hoặc thời lượng tối đa của video được tải xuống.