background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Pobrać "Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)"

input logo icon
Spis treści
|

Spis treści

0:00
Бэкенд (начало)
0:28
Теория по бэкенду
8:26
Начало разработки бэкенда
10:25
Установка библиотеки Express
10:57
Подключаем модульный подход для NodeJS (import, export, es6 и т.п.)
12:15
Начинаем разработку приложения на Express
19:11
Делаем HTTP-запросы на приложение через Insomnia
20:05
Создаем тестовую авторизацию
23:26
Подключаем JSON Web Token (JWT)
27:08
Делаем регистрацию + подключаем базу данных MongoDB
31:18
Создаем модель UserModel
36:07
Устанавливаем Express Validator и подключаем в проект
44:38
Создаем пользователя в БД
45:45
Шифруем пароль с помощью BCrypt
48:45
Подключаемся к БД через программу MongoDB Compass
51:47
Обрабатываем ошибки
57:17
Скрываем пароль юзера из ответа
58:35
Делаем реальную авторизацию
1:04:53
Делаем роут на получение информации о профиле
1:05:52
Создаем middleware (функцию посредник) - checkAuth.js
1:16:47
Делаем небольшой рефакторинг index.js
1:19:52
Создаем функционал для статей (CRUD)
1:50:18
Делаем загрузку картинок на сервер (Multer)
1:56:10
Возвращаем статические файлы (загруженные картинки)
1:57:54
Создаем middleware - handleValidationErrors.js
2:01:06
Рефакторим итоговый код бэкенда
2:05:09
Фронтенд
2:06:22
Изучаем структуру фронтенд проекта
2:09:16
Подключаем React Router
2:13:34
Подключаем Redux Toolkit
2:15:26
Создаем slice для статей (posts)
2:19:20
Настраиваем Axios
2:21:13
Исправляем ошибку CORS
2:23:23
Создаем асинхронный action в Redux Toolkit
2:25:32
Сохраняем в стейт статус запроса и сами статьи
2:32:58
Вытаскиваем тэги из бэкенда
2:36:28
Делаем вывод полной записи
2:44:01
Создаем функционал для авторизации
3:00:10
Проверяем авторизован пользователь или нет
3:06:00
Сохранять токен в LocalStorage, чтобы не выкидывало из аккаунта
3:16:55
Делаем форму регистрации
3:24:38
Разрешаем удалять статью только автору
3:27:44
Форма создания статьи + Simple Editor
3:34:24
Загрузка изображения на сервер
3:43:04
Отправка статьи на бэкенд
3:51:43
Рендерим статьи с помощью React Markdown
3:54:10
Удаление статьи
4:01:55
Редактирование статьи
4:09:49
Что сказала кукуруза? (итого)
4:10:25
Домашние задания для тебя
4:13:02
Деплой блога на Heroku + Vercel
4:14:24
Heroku
4:17:56
Vercel
4:23:45
Конец
Tagi wideo
|

Tagi wideo

полный
full
stack
курс
reactjs
nodejs
начинающих
часа
mongodb
express
react
nodejs
express
react
reactrouter
multer
markdown
deploy
Masz już zainstalowany UDL Helper Możesz pobrać film za pomocą 1 kliknięcia!
Zainstalowane
dla
Google Chrome

Opis:

В этом видео ты научишься с нуля разрабатывать бэкенд на стэке 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 Конец

Przygotowujemy opcje pobrania

popular icon
Popularne
hd icon
Filmy HD
audio icon
Tylko dźwięk
total icon
Wszystkie formaty
* — Jeśli wideo jest odtwarzane w nowej wkładce, przejdź do niej, a następnie kliknij na wideo prawym przyciskiem myszy i wybierz " Zapisz wideo jako..."
** — Link przeznaczony do odtwarzania online w specjalistycznych odtwarzaczach

Pytania dotyczące pobierania wideo

mobile menu iconJak mogę pobrać "Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)" wideo?mobile menu icon

  • Strona http://unidownloader.com/ to najlepszy sposób na pobranie wideo lub oddzielnej ścieżki audio, jeśli chcesz obejść się bez instalowania programów i rozszerzeń.

  • Rozszerzenie UDL Helper to wygodny przycisk, który jest płynnie zintegrowany z witrynami YouTube, Instagram i OK.ru w celu szybkiego pobierania treści.

  • Program UDL Client (dla Windows) to najpotężniejsze rozwiązanie, które obsługuje ponad 900 stron internetowych, sieci społecznościowych i witryn hostingowych wideo, a także dowolną jakość wideo dostępną w źródle.

  • UDL Lite to naprawdę wygodny sposób na dostęp do strony internetowej z urządzenia mobilnego. Z jego pomocą można łatwo pobierać filmy bezpośrednio na smartfona.

mobile menu iconJaki format wideo "Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)" powinienem wybrać?mobile menu icon

  • Najlepsze formaty jakości to FullHD (1080p), 2K (1440p), 4K (2160p) i 8K (4320p). Im wyższa rozdzielczość ekranu, tym wyższa powinna być jakość wideo. Istnieją jednak inne czynniki, które należy wziąć pod uwagę: szybkość pobierania, ilość wolnego miejsca i wydajność urządzenia podczas odtwarzania.

mobile menu iconDlaczego mój komputer zawiesza się podczas ładowania filmu "Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)"?mobile menu icon

  • Przeglądarka/komputer nie powinny zawieszać się całkowicie! Jeśli tak się stanie, zgłoś to, podając link do filmu. Czasami filmów nie można pobrać bezpośrednio w odpowiednim formacie, dlatego dodaliśmy możliwość konwersji pliku do żądanego formatu. W niektórych przypadkach proces ten może aktywnie wykorzystywać zasoby komputera.

mobile menu iconJak mogę pobrać "Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)" wideo na mój telefon?mobile menu icon

  • Wideo można pobrać na smartfon za pomocą strony internetowej lub aplikacji PWA UDL Lite. Możliwe jest również wysłanie linku do pobrania za pomocą kodu QR przy użyciu rozszerzenia UDL Helper.

mobile menu iconJak mogę pobrać ścieżkę audio (muzykę) do MP3 "Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)"?mobile menu icon

  • Najwygodniejszym sposobem jest użycie programu UDL Client, który obsługuje konwersję wideo do formatu MP3. W niektórych przypadkach MP3 można również pobrać za pomocą rozszerzenia UDL Helper.

mobile menu iconJak mogę zapisać klatkę z filmu "Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)"?mobile menu icon

  • Ta funkcja jest dostępna w rozszerzeniu UDL Helper. Upewnij się, że opcja "Pokaż przycisk migawki wideo" jest zaznaczona w ustawieniach. Ikona kamery powinna pojawić się w prawym dolnym rogu odtwarzacza, po lewej stronie ikony "Ustawienia". Po jej kliknięciu bieżąca klatka z filmu zostanie zapisana na komputerze w formacie JPEG.

mobile menu iconJaka jest cena tego wszystkiego?mobile menu icon

  • To nic nie kosztuje. Nasze usługi są całkowicie darmowe dla wszystkich użytkowników. Nie ma subskrypcji PRO, nie ma ograniczeń co do liczby lub maksymalnej długości pobieranych filmów.