WebDEV. Страница 3

React & Redux & TypeScript ПОЛНЫЙ КУРС 2021

В этом курсе мы на практике поработает с typescrit, react, redux и разработаем небольшое веб приложение. Ссылка на исходный код - https://github.com/utimur/react-redux-typescript-course Необходимые знания для прохождения этого курса здесь -----https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6 Таймкоды: 00:00 - Введение, теория, план на урок 02:40 - Инициализация Redux store 03:20 - Первый редюсер + типизация 13:50 - CombineReducer, Provider 15:35 - Создаем хук UseTypedSelector 18:00 - Ассинхронный action creator + типизация 23:00 - Создаем хук UseActions 24:40 - Второй редюсер, масштабируем приложение + постраничный вывод 34:07 - Расширяем useActions 38:30 - Не забываем лайки, комментарии, я старался =) Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv Qiwi кошелек - http://qiwi.com/n/BODYE821 Яндекс деньги - https://yoomoney.ru/to/4100116193037469

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

В этом видео ты научишься с нуля разрабатывать бэкенд на стэке 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/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 Конец #nodejs #express #react #reactrouter #multer #markdown #deploy