تبلیغات

آموزش MERN Stack: برنامه نویسی فول استک React, Redux و Node.js

دسته بندی ها: آموزش نود جی اس (Node.js) ، آموزش ریداکس (Redux) ، آموزش مانگو دی بی (MongoDB) ، آموزش بوت استرپ (Bootstrap) ، آموزش ری اکت (React) ، آموزش طراحی وب

در این دوره یک شبکه اجتماعی با Node.js، Express، React، Redux و MongoDB ایجاد و مستقر خواهید کرد. نحوه ترکیب تمام آنها را خواهید آموخت. شما با یک ویرایشگر متن خالی شروع خواهید کرد و با یک برنامه کاربردی جامع به پایان می رسانید.

 این یک دوره "مقدمه‌ای بر React" یا "مقدمه‌ای بر Node" نیست. این یک دوره عملی برای ساختن یک برنامه با استفاده از MERN stack است.

 نویسنده سعی می کند و همه چیز را تا جای ممکن توضیح می دهد، بنابراین می توان بدون تجربه React / Node دوره را استفاده کنید اما توصیه می شود ابتدا حداقل اصول را بدانید.

مباحث مطرح شده در دوره:

  • راه اندازی VSCode
  • تنظیم اولیه Express
  • راه اندازی MongoDB با mLab
  • نصب وابستگی‌ها و تنظیمات اصلی سرور
  • اتصال به MongoDB با Mongoose
  • فایلهای Route با Express Router
  • API Route های کاربر و احراز هویت JWT
  • ایجاد مدل کاربر
  • ورود ایمیل و پسورد
  • ایجاد JWT
  • استراتژی احراز هویت گذرنامه JWT
  • ایجاد مدل پروفایل
  • Route پروفایل فعلی کاربر
  • اعتبار سنجی فیلد پروفایل
  • Post API Routes
  • ایجاد مدل پست
  • شروع کار با React و فرانت اند
  • نگاهی به موضوع Bootstrap و UI
  • پیاده سازی React
  • راه اندازی Bootstrap و Assets
  • چینش اولیه
  • ایجاد فرم ثبت نام با State
  • اداره کردن خطا و نمایش
  • Redux و احراز هویت
  • چرا ما به Redux احتیاج داریم
  • Redux Store و راه اندازی افزونه کروم
  • عملکرد فرم ورود
  • State داشبورد و پروفایل
  • کامپوننت TextFieldGroupInput
  • کامپوننت‌های فرم فیلد
  • ساخت فرم پروفایل
  • ایجاد عملکرد پروفایل
  • ویرایش کامپوننت پروفایل
  • نمایش پروفایل
  • آیتم‌های پروفایل
  • پست‌ها و نظرات
  • کامپوننت ارسال پست
  • حذف، لایک و Unlike پست
  • نمایش تک پست
  • نمایش و حذف نظر
  • آماده سازی و استقرار
  • راه اندازی Heroku
آیا این نوشته را دوست داشتید؟
MERN Stack Front To Back: Full Stack React, Redux and Node.js [Video] Publisher:Packtpub Author:Brad Traversy Duration:16 hours 24 minutes

Build and deploy a social network with Node.js, Express, React, Redux and MongoDB. Learn how to put it all together
In this course you will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with ES6+. You will start with a bank text editor and end with a deployed full stack application.
Style and Approach
This is not an "Intro to React" or "Intro to Node" course. It is a practical hands-on course for building an app using the incredible MERN stack. The author tries and explains everything as he goes so it is possible to follow without React/Node experience but it is recommended that you know at least the basics first.
Released: Friday, May 25, 2018
Introduction
Welcome To the Course
A Look at the Main App
Before We Begin
VSCode Setup
Basic Express Setup
MongoDB Setup With mLab
Install Dependencies & Basic Server Setup
Connecting To MongoDB with Mongoose
Route Files with Express Router
User API Routes & JWT Authentication
Creating the User Model
User Registration & Postman
Email & Password Login
Creating the JWT
Passport JWT Authentication Strategy
Validation Handlers – 1
Validation Handlers – 2
Profile API Routes
Aside - Front End Visual
Creating the Profile Model
Current User Profile Route
Create & Update Profile Routes
Profile Field Validations
More Profile API Routes
Add Experience & Education Routes
Delete Education & Experience Routes
Post API Routes
Creating the Post Model
Post Create Route
Get & Delete Post Routes
Post Like & Unlike Routes
Add & Remove Comment Routes
Getting Started With React & the Frontend
A Look at the Bootstrap Theme & UI
Implementing React
Bootstrap & Assets Setup
Basic Layout
React Router & Component State
React Router Setup (v4)
Creating the Register Form with State
Creating the Login Form with State
Testing Registration with Our Form - No Redux Yet
Error Handling & Display
Redux & Authentication
Why We Need Redux
Redux Store & Chrome Extension Setup
Redux Action & Reducer Workflow Example
Registration & the Error Reducer
Redux Login Action & Set Current User
Login Form Functionality
Logout & Conditional Navbar Links
Dashboard & Profile State - Part 1
TextFieldGroupInput Component
Profile Reducer & Get Current Profile
Spinner Component & Dashboard Start
Private Route Setup
CreateProfile Component & Route
Form Field Components
Create Profile Form
Create Profile Functionality
Dashboard & Profile State - Part 2
Profile Actions Component & Delete Account
Edit Profile Component
Add Experience Form
Add Experience Functionality
Add Education Form & Functionality
Dashboard Experience Display & Delete
Dashboard Education Display & Delete
Profile Display
Profiles Component & getProfiles Action
Profile Items
Profile By Handle & Sub Components
Profile Header
Profile About & Credentials
Profile Github & Touch Ups
Posts & Comments
Post State & addPost Action
Posts & Post Form Component
getPosts Action & PostFeed Component
Post Item Component
Delete, Like & Unlike Posts
Single Post Display
Comment Form Component & Action
Comment Display & Delete
Prepare & Deploy
Securing Our Keys
Heroku Setup
Post Build & Deployment

پیشنهاد فرادرس