آموزش Node with React: Fullstack Web Development

Node with React: Fullstack Web Development

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با NodeJS، React، Redux، Express و MongoDB، برنامه های وب Fullstack را بسازید و اجرا کنید. با React، Redux، Express، و Mongo پروژه‌های راه‌اندازی را ایجاد کنید. فناوری‌های رایج وب و الگوهای طراحی را برای اتصال آنها به یکدیگر بسازید. تکنیک‌های استقرار را بین محیط‌های تولید و توسعه بسازید برنامه‌ای را با احراز هویت Google OAuth بیاموزید که به طور مؤثر ایمیل‌ها را از یک backend ایجاد و ارسال کنید. سرور پذیرش و پردازش پرداخت های کارت اعتباری از کاربران پیش نیازها: درک اولیه جاوا اسکریپت، React و Redux کامپیوتر مک، ویندوز یا لینوکس

توجه: این دوره فرض می کند که شما اصول اولیه React و Redux را دریافت کرده اید. دوره من "Modern React with Redux" را بررسی کنید، آماده سازی عالی است!

از اصول اولیه React و Redux فراتر بروید! این دوره آموزشی به شما می‌آموزد که فناوری‌های بسیار محبوب React، Redux، Express، و MongoDB را برای ساختن یک برنامه وب Fullstack ترکیب کنید.

استقرار پیشرفته؟ آن را یاد خواهید گرفت. صورتحساب/پرداخت ها؟ مشمول. مدیریت ایمیل؟ البته!

------------------------------

چه چیزی خواهید ساخت؟

همه دوره های من "یادگیری از طریق انجام" هستند: بدون سخنرانی بی پایان خسته کننده با پاورپوینت، فقط نمونه های زنده و تعاملی کدنویسی. در این دوره ما یک برنامه وب عظیم می سازیم که ویژگی های پیشرفته React، Redux، Express و Mongo را نمایان می کند. با قرار دادن هر مفهوم در یک برنامه واقعی، ایده بهتری درباره زمان استفاده از هر ویژگی منحصر به فرد و قدرتمند خواهید داشت.

یک برنامه جمع آوری بازخورد بزرگ بسازید. این برنامه بزرگ شامل طیف کاملی از ویژگی ها، از جمله همه چیز از احراز هویت گرفته تا مدیریت ایمیل است. شما یاد خواهید گرفت که چگونه برنامه ای بسازید که می تواند برای ارسال ایمیل های انبوه به لیست بزرگی از کاربران به منظور جمع آوری بازخورد استفاده شود. هدف من این است که مطمئن شوم هر ویژگی را که در این برنامه ایجاد می کنیم را درک می کنید تا بتوانید آنها را در پروژه های شخصی یا حرفه ای خود در آینده اعمال کنید.

------------------------------

این چیزی است که ما یاد خواهیم گرفت:

  • ملاحظات معماری ساخت یک برنامه کامل پشته را بیاموزید
  • یک سرور Front-end Create-React-App را به یک NodeJS و Express Backend متصل کنید
  • داده ها را از پایگاه داده Mongo خود به برنامه React خود منتقل کنید
  • با نحوه مسیریابی درخواست‌های کاربر در قسمت جلویی با React Router و در پشتیبان با Express آشنا شوید
  • ورودی‌های کاربر قابل استفاده مجدد را با فرم Redux بسازید که با پیمایش کامل شده است
  • کارت های اعتباری را مدیریت کنید و با Stripe از کاربران خود پرداخت دریافت کنید
  • کاربران خود را با ایمیل های خودکار درگیر کنید
  • با احراز هویت Google OAuth جریانهای احراز هویت را در برنامه خود افزایش دهید
  • منابع تولید و توسعه را با تکنیک‌های پیشرفته مدیریت کلید API جدا کنید
  • به کاربران خود در مورد نحوه استفاده از برنامه خود با صفحه‌های فرود ساخت سفارشی
  • آموزش دهید.

من دوره‌ای را ایجاد کرده‌ام که می‌خواستم در زمان یادگیری ساخت برنامه‌های فول‌ستاک بگذرانم. دوره ای که مفاهیم و نحوه اجرای آنها را به بهترین نحو توضیح می دهد تا شما آنها را یاد بگیرید و عمیقاً درک کنید.


سرفصل ها و درس ها

نمای کلی دوره - از اینجا شروع کنید! Course Overview - Start Here!

  • نحوه دریافت کمک How to Get Help

  • منابع دوره Course Resources

  • به انجمن ما بپیوندید! Join Our Community!

  • نمای کلی برنامه App Overview

  • بررسی جریان کاربر برنامه App User Flow Walkthrough

  • پشته فناوری Tech Stack

  • مدل های برنامه App Mockups

نمای کلی دوره - از اینجا شروع کنید! Course Overview - Start Here!

  • نحوه دریافت کمک How to Get Help

  • منابع دوره Course Resources

  • به انجمن ما بپیوندید! Join Our Community!

  • نمای کلی برنامه App Overview

  • بررسی جریان کاربر برنامه App User Flow Walkthrough

  • پشته فناوری Tech Stack

  • مدل های برنامه App Mockups

معماری سمت سرور Server Side Architecture

  • معماری اپلیکیشن Application Architecture

  • رابطه بین Node و Express Relationship Between Node and Express

  • تولید اپلیکیشن های اکسپرس Generating Express Apps

  • گردانندگان مسیر سریع Express Route Handlers

  • اطلاعات مهم درباره Heroku و Deployment Important Info About Heroku and Deployment

  • چک لیست استقرار Deployment Checklist

  • [Railway] ثبت نام برای راه آهن و نصب Railway CLI [Railway] Registering for Railway and Installing Railway CLI

  • [راه آهن] ایجاد یک پروژه راه آهن و خدمات کاربردی [Railway] Creating a Railway Project and Application Service

  • [راه آهن] استقرار برنامه در راه آهن [Railway] Deploying App to Railway

  • [Heroku] نصب Heroku CLI [Heroku] Installing the Heroku CLI

  • [Heroku] تأیید استقرار [Heroku] Verifying Deployment

  • [Heroku] استقرار پیگیری [Heroku] Followup Deployments

معماری سمت سرور Server Side Architecture

  • معماری اپلیکیشن Application Architecture

  • رابطه بین Node و Express Relationship Between Node and Express

  • تولید اپلیکیشن های اکسپرس Generating Express Apps

  • گردانندگان مسیر سریع Express Route Handlers

  • اطلاعات مهم درباره Heroku و Deployment Important Info About Heroku and Deployment

  • چک لیست استقرار Deployment Checklist

  • [Railway] ثبت نام برای راه آهن و نصب Railway CLI [Railway] Registering for Railway and Installing Railway CLI

  • [راه آهن] ایجاد یک پروژه راه آهن و خدمات کاربردی [Railway] Creating a Railway Project and Application Service

  • [راه آهن] استقرار برنامه در راه آهن [Railway] Deploying App to Railway

  • [Heroku] نصب Heroku CLI [Heroku] Installing the Heroku CLI

  • [Heroku] تأیید استقرار [Heroku] Verifying Deployment

  • [Heroku] استقرار پیگیری [Heroku] Followup Deployments

احراز هویت با Google OAuth Authentication with Google OAuth

  • معرفی Google OAuth Intro to Google OAuth

  • جریان OAuth The OAuth Flow

  • نمای کلی Passport JS Overview of Passport JS

  • راه اندازی پاسپورت Passport Setup

  • منسوخ شدن +Google Google+ Deprecation

  • راه اندازی پروژه Google با رابط کاربری جدید Google Project Setup with new UI

  • فعال کردن Google OAuth API Enabling Google OAuth API

  • ایمن کردن کلیدهای API Securing API Keys

  • گزینه های استراتژی گوگل Google Strategy Options

  • تست OAuth Testing OAuth

  • URI های مجاز تغییر مسیر Authorized Redirect URI's

  • OAuth Callbacks OAuth Callbacks

  • دسترسی و بازخوانی نشانه ها Access and Refresh Tokens

  • راه اندازی Nodemon Nodemon Setup

احراز هویت با Google OAuth Authentication with Google OAuth

  • معرفی Google OAuth Intro to Google OAuth

  • جریان OAuth The OAuth Flow

  • نمای کلی Passport JS Overview of Passport JS

  • راه اندازی پاسپورت Passport Setup

  • منسوخ شدن +Google Google+ Deprecation

  • راه اندازی پروژه Google با رابط کاربری جدید Google Project Setup with new UI

  • فعال کردن Google OAuth API Enabling Google OAuth API

  • ایمن کردن کلیدهای API Securing API Keys

  • گزینه های استراتژی گوگل Google Strategy Options

  • تست OAuth Testing OAuth

  • URI های مجاز تغییر مسیر Authorized Redirect URI's

  • OAuth Callbacks OAuth Callbacks

  • دسترسی و بازخوانی نشانه ها Access and Refresh Tokens

  • راه اندازی Nodemon Nodemon Setup

اضافه کردن MongoDB Adding MongoDB

  • Refactor ساختار سرور Server Structure Refactor

  • تئوری احراز هویت The Theory of Authentication

  • ورود به سیستم کاربران با OAuth Signing In Users with OAuth

  • مقدمه ای بر MongoDB Introduction to MongoDB

  • راه اندازی و پیکربندی MongoDB Atlas MongoDB Atlas Setup and Configuration

  • راه اندازی mLab [جزئی منسوخ شده] mLab Setup [PARTIALLY DEPRECATED]

  • اتصال Mongoose به Mongo Connecting Mongoose to Mongo

  • تنفس و بررسی Breather and Review

  • کلاس های مدل Mongoose Mongoose Model Classes

  • ذخیره نمونه های مدل Saving Model Instances

  • TokenError: درخواست بد TokenError: Bad Request

  • پرس و جوهای Mongoose Mongoose Queries

  • تماس های پاسپورتی Passport Callbacks

  • رمزگذاری کاربران Encoding Users

  • کاربر را غیراصولی کنید Deserialize User

  • فعال کردن کوکی ها Enabling Cookies

  • به‌روزرسانی موقت مورد نیاز برای "req.session.regenerat یک تابع نیست" Required Temporary Update for "req.session.regenerate is not a function"

  • تست احراز هویت Testing Authentication

  • خروج کاربران Logging Out Users

  • [اختیاری] شیرجه عمیق تر [Optional] A Deeper Dive

اضافه کردن MongoDB Adding MongoDB

  • Refactor ساختار سرور Server Structure Refactor

  • تئوری احراز هویت The Theory of Authentication

  • ورود به سیستم کاربران با OAuth Signing In Users with OAuth

  • مقدمه ای بر MongoDB Introduction to MongoDB

  • راه اندازی و پیکربندی MongoDB Atlas MongoDB Atlas Setup and Configuration

  • راه اندازی mLab [جزئی منسوخ شده] mLab Setup [PARTIALLY DEPRECATED]

  • اتصال Mongoose به Mongo Connecting Mongoose to Mongo

  • تنفس و بررسی Breather and Review

  • کلاس های مدل Mongoose Mongoose Model Classes

  • ذخیره نمونه های مدل Saving Model Instances

  • TokenError: درخواست بد TokenError: Bad Request

  • پرس و جوهای Mongoose Mongoose Queries

  • تماس های پاسپورتی Passport Callbacks

  • رمزگذاری کاربران Encoding Users

  • کاربر را غیراصولی کنید Deserialize User

  • فعال کردن کوکی ها Enabling Cookies

  • به‌روزرسانی موقت مورد نیاز برای "req.session.regenerat یک تابع نیست" Required Temporary Update for "req.session.regenerate is not a function"

  • تست احراز هویت Testing Authentication

  • خروج کاربران Logging Out Users

  • [اختیاری] شیرجه عمیق تر [Optional] A Deeper Dive

توسعه دهنده در مقابل محیط های تولیدی Dev vs Prod Environments

  • Dev در مقابل Prod Keys Dev vs Prod Keys

  • راه اندازی و پیکربندی MongoDB Atlas Production MongoDB Atlas Production Setup and Configuration

  • تولید منابع تولید Generating Production Resources

  • تعیین محیط Determining Environment

  • طرح کنترل نسخه Version Control Scheme

  • [راه آهن] متغیرهای محیط تولید [Railway] Production Environment Variables

  • [راه آهن] اجتناب از خطا [Railway] Avoiding an Error

  • [Heroku] متغیرهای محیط تولید [Heroku] Production Environment Variables

  • رفع مشکلات پروکسی Fixing Proxy Issues

توسعه دهنده در مقابل محیط های تولیدی Dev vs Prod Environments

  • Dev در مقابل Prod Keys Dev vs Prod Keys

  • راه اندازی و پیکربندی MongoDB Atlas Production MongoDB Atlas Production Setup and Configuration

  • تولید منابع تولید Generating Production Resources

  • تعیین محیط Determining Environment

  • طرح کنترل نسخه Version Control Scheme

  • [راه آهن] متغیرهای محیط تولید [Railway] Production Environment Variables

  • [راه آهن] اجتناب از خطا [Railway] Avoiding an Error

  • [Heroku] متغیرهای محیط تولید [Heroku] Production Environment Variables

  • رفع مشکلات پروکسی Fixing Proxy Issues

حرکت به سمت مشتری Moving to the Client Side

  • به‌روزرسانی مهم درباره React App Generation Important Update About React App Generation

  • React App Generation React App Generation

  • یک سرور Front End مجزا A Separate Front End Server

  • اجرای کلاینت و سرور Running the Client and Server

  • مهم ایجاد React App Proxy Update Important Create React App Proxy Update

  • مسیریابی بلوک سکند Routing Stumbling Block

  • زیبایی پروکسی برنامه Create React The Beauty of Create React App's Proxy

  • [اختیاری] چرا این معماری؟ [Optional] Why This Architecture?

حرکت به سمت مشتری Moving to the Client Side

  • به‌روزرسانی مهم درباره React App Generation Important Update About React App Generation

  • React App Generation React App Generation

  • یک سرور Front End مجزا A Separate Front End Server

  • اجرای کلاینت و سرور Running the Client and Server

  • مهم ایجاد React App Proxy Update Important Create React App Proxy Update

  • مسیریابی بلوک سکند Routing Stumbling Block

  • زیبایی پروکسی برنامه Create React The Beauty of Create React App's Proxy

  • [اختیاری] چرا این معماری؟ [Optional] Why This Architecture?

توسعه سمت مشتری Developing the Client Side

  • Async/Await Syntax Async/Await Syntax

  • Refactoring با Async/Await Refactoring with Async/Await

  • نکته مهم در مورد پروکسی Important Note About Proxy

  • فن آوری جلویی Front End Tech

  • Client React Setup Client React Setup

  • نصب ماژول های ریشه Installing Root Modules

  • عیب یابی NPM Troubleshooting NPM

  • بررسی و تنظیم Redux Redux Review and Setup

  • Auth Reducer The Auth Reducer

  • پایان راه اندازی کاهش دهنده Finishing Reducer Setup

  • چرا ما به Auth اهمیت می دهیم Why We Care About Auth

  • راه اندازی روتر React React Router Setup

  • پیکربندی مسیر Route Configuration

  • تطبیق مسیرها با Exact Matching Routes with Exact

  • اجزای همیشه قابل مشاهده Always Visible Components

  • CSS را مادی کنید Materialize CSS

  • پک وب با CSS Webpack with CSS

  • طراحی سربرگ Header Design

  • API کاربر فعلی Current User API

  • قوانین پروکسی اضافی Additional Proxy Rules

  • مبانی Redux Thunk Basics of Redux Thunk

  • بازسازی برنامه Refactoring the App

  • تست FetchUser Testing FetchUser

  • Refactoring به Async/Await Refactoring to Async/Await

  • مقادیر بازگشتی AuthReducer AuthReducer Return Values

  • دسترسی به حالت در هدر Accessing State in the Header

  • محتوای سرصفحه Header Content

  • تغییر مسیر یک کاربر در Auth Redirecting a User on Auth

  • تغییر مسیر در خروج Redirect on Logout

  • جزء فرود Landing Component

  • برچسب های پیوند Link Tags

توسعه سمت مشتری Developing the Client Side

  • Async/Await Syntax Async/Await Syntax

  • Refactoring با Async/Await Refactoring with Async/Await

  • نکته مهم در مورد پروکسی Important Note About Proxy

  • فن آوری جلویی Front End Tech

  • Client React Setup Client React Setup

  • نصب ماژول های ریشه Installing Root Modules

  • عیب یابی NPM Troubleshooting NPM

  • بررسی و تنظیم Redux Redux Review and Setup

  • Auth Reducer The Auth Reducer

  • پایان راه اندازی کاهش دهنده Finishing Reducer Setup

  • چرا ما به Auth اهمیت می دهیم Why We Care About Auth

  • راه اندازی روتر React React Router Setup

  • پیکربندی مسیر Route Configuration

  • تطبیق مسیرها با Exact Matching Routes with Exact

  • اجزای همیشه قابل مشاهده Always Visible Components

  • CSS را مادی کنید Materialize CSS

  • پک وب با CSS Webpack with CSS

  • طراحی سربرگ Header Design

  • API کاربر فعلی Current User API

  • قوانین پروکسی اضافی Additional Proxy Rules

  • مبانی Redux Thunk Basics of Redux Thunk

  • بازسازی برنامه Refactoring the App

  • تست FetchUser Testing FetchUser

  • Refactoring به Async/Await Refactoring to Async/Await

  • مقادیر بازگشتی AuthReducer AuthReducer Return Values

  • دسترسی به حالت در هدر Accessing State in the Header

  • محتوای سرصفحه Header Content

  • تغییر مسیر یک کاربر در Auth Redirecting a User on Auth

  • تغییر مسیر در خروج Redirect on Logout

  • جزء فرود Landing Component

  • برچسب های پیوند Link Tags

رسیدگی به پرداخت ها Handling Payments

  • صورتحساب سمت مشتری Client Side Billing

  • ملاحظات صورتحساب Billing Considerations

  • فرآیند صورتحساب خطی Stripe Billing Process

  • کاوش در Stripe API Exploring the Stripe API

  • کلیدهای Stripe API Stripe API Keys

  • متغیرهای Env با React Env Variables with React

  • جزء پرداخت ها The Payments Component

  • توکن های راه راه Stripe Tokens

  • رفع پرداخت Payment Fixes

  • استفاده مجدد از انواع اقدام Reusing Action Types

  • قرار دادن نشانه راه راه Positing the Stripe Token

  • مدیریت درخواست پست Post Request Handlers

  • ایجاد شارژ Creating Charges

  • BodyParser Middleware BodyParser Middleware

  • ایجاد یک شی شارژ Creating a Charge Object

  • نهایی کردن شارژ Finalizing a Charge

  • افزودن اعتبار به کاربر Adding Credits to a User

  • نیاز به احراز هویت Requiring Authentication

  • میان افزارهای خاص مسیر Route-Specific Middlewares

  • نمایش مقدار اعتبار Displaying Credit Quantity

  • به روز رسانی اعتبار Updating Credits

رسیدگی به پرداخت ها Handling Payments

  • صورتحساب سمت مشتری Client Side Billing

  • ملاحظات صورتحساب Billing Considerations

  • فرآیند صورتحساب خطی Stripe Billing Process

  • کاوش در Stripe API Exploring the Stripe API

  • کلیدهای Stripe API Stripe API Keys

  • متغیرهای Env با React Env Variables with React

  • جزء پرداخت ها The Payments Component

  • توکن های راه راه Stripe Tokens

  • رفع پرداخت Payment Fixes

  • استفاده مجدد از انواع اقدام Reusing Action Types

  • قرار دادن نشانه راه راه Positing the Stripe Token

  • مدیریت درخواست پست Post Request Handlers

  • ایجاد شارژ Creating Charges

  • BodyParser Middleware BodyParser Middleware

  • ایجاد یک شی شارژ Creating a Charge Object

  • نهایی کردن شارژ Finalizing a Charge

  • افزودن اعتبار به کاربر Adding Credits to a User

  • نیاز به احراز هویت Requiring Authentication

  • میان افزارهای خاص مسیر Route-Specific Middlewares

  • نمایش مقدار اعتبار Displaying Credit Quantity

  • به روز رسانی اعتبار Updating Credits

مسیریابی از انتهای به جلو در تولید Back End to Front End Routing in Production

  • اکسپرس با Create-React-App در مرحله تولید Express with Create-React-App in Production

  • مسیریابی در تولید Routing in Production

  • گزینه های استقرار Deployment Options

  • افزودن در مرحله ساخت Adding in a Build Step

  • [راه آهن] پس از ساخت و استقرار [Railway] Postbuild and Deployment

  • استقرار تست Testing Deployment

مسیریابی از انتهای به جلو در تولید Back End to Front End Routing in Production

  • اکسپرس با Create-React-App در مرحله تولید Express with Create-React-App in Production

  • مسیریابی در تولید Routing in Production

  • گزینه های استقرار Deployment Options

  • افزودن در مرحله ساخت Adding in a Build Step

  • [راه آهن] پس از ساخت و استقرار [Railway] Postbuild and Deployment

  • استقرار تست Testing Deployment

Mongoose for Survey Creation Mongoose for Survey Creation

  • بررسی اجمالی Survey Overview

  • مسیرهای سرور Server Routes

  • مدل نظرسنجی Survey Model

  • کمبودهای مدل Model Deficiencies

  • محدودیت های مجموعه اسناد فرعی Limitations of Subdocument Collections

  • راه اندازی SubDocs Setting up SubDocs

  • زمینه های رابطه Relationship Fields

  • کنترل مسیر ایجاد نظرسنجی Survey Creation Route Handler

  • تأیید حداقل اعتبار Verifying Minimum Credits

  • ایجاد نظرسنجی Creating Surveys

  • ایجاد مجموعه های Subdoc Creating Subdoc Collections

  • اوه! کمی ترفند Oops! A Little Tweak

  • ایجاد میلر Creating Mailers

  • شناسایی کاربران منحصر به فرد Identifying Unique Users

  • به روز رسانی فعال سازی Sendgrid Sendgrid Activation Update

  • راه اندازی Sendgrid Sendgrid Setup

  • راه اندازی میلر Mailer Setup

  • به‌روزرسانی برای تنظیم «from_email». Update for "from_email" setting

  • میلر در حال استفاده Mailer in Use

  • سازنده میلر Mailer Constructor

  • دیگ بخار برای ارسال ایمیل Boilerplate for Sending Emails

  • ویژگی های بیشتر میلر More Mailer Properties

  • ارسال ایمیل های SendGrid Sending SendGrid Emails

  • تست ارسال ایمیل Testing Email Sending

  • بهبود قالب ایمیل Improving the Email Template

  • پولیش در کنترلر مسیر Polish in the Route Handler

  • تأیید ردیابی کلیک Sendgrid Verifying Sendgrid Click Tracking

  • بازخورد برای بازخورد کاربر Feedback for User Feedback

Mongoose for Survey Creation Mongoose for Survey Creation

  • بررسی اجمالی Survey Overview

  • مسیرهای سرور Server Routes

  • مدل نظرسنجی Survey Model

  • کمبودهای مدل Model Deficiencies

  • محدودیت های مجموعه اسناد فرعی Limitations of Subdocument Collections

  • راه اندازی SubDocs Setting up SubDocs

  • زمینه های رابطه Relationship Fields

  • کنترل مسیر ایجاد نظرسنجی Survey Creation Route Handler

  • تأیید حداقل اعتبار Verifying Minimum Credits

  • ایجاد نظرسنجی Creating Surveys

  • ایجاد مجموعه های Subdoc Creating Subdoc Collections

  • اوه! کمی ترفند Oops! A Little Tweak

  • ایجاد میلر Creating Mailers

  • شناسایی کاربران منحصر به فرد Identifying Unique Users

  • به روز رسانی فعال سازی Sendgrid Sendgrid Activation Update

  • راه اندازی Sendgrid Sendgrid Setup

  • راه اندازی میلر Mailer Setup

  • به‌روزرسانی برای تنظیم «from_email». Update for "from_email" setting

  • میلر در حال استفاده Mailer in Use

  • سازنده میلر Mailer Constructor

  • دیگ بخار برای ارسال ایمیل Boilerplate for Sending Emails

  • ویژگی های بیشتر میلر More Mailer Properties

  • ارسال ایمیل های SendGrid Sending SendGrid Emails

  • تست ارسال ایمیل Testing Email Sending

  • بهبود قالب ایمیل Improving the Email Template

  • پولیش در کنترلر مسیر Polish in the Route Handler

  • تأیید ردیابی کلیک Sendgrid Verifying Sendgrid Click Tracking

  • بازخورد برای بازخورد کاربر Feedback for User Feedback

بازگشت به مشتری! Back to the Client!

  • ایجاد نظرسنجی سمت مشتری Client Side Survey Creation

  • نمادهای مواد Material Icons

  • پیمایش با برچسب پیوند Navigation with the Link Tag

  • SurveyNew Form SurveyNew Form

  • هدف از فرم Redux Purpose of Redux Form

  • تنظیم فرم Redux Redux Form Setup

  • کمک کننده ReduxForm The ReduxForm Helper

  • فرم Redux در عمل Redux Form in Practice

  • اجزای فیلد سفارشی Custom Field Components

  • سیم کشی فیلدهای سفارشی Wiring up Custom Fields

  • خشک کردن زمینه ها DRY'ing Up Fields

  • فیلدهایی از Config Fields from Config

  • استایل دادن به فرم Styling the Form

  • اعتبار سنجی فرم Form Validation

  • نمایش خطاهای اعتبارسنجی Showing Validation Errors

  • تعمیم اعتبارسنجی فیلد Generalizing Field Validation

  • اعتبار سنجی ایمیل ها Validating Emails

  • نمایش ایمیل های نامعتبر Displaying Invalid Emails

  • تغییر وضعیت دید؟ Toggling Visibility?

  • پیشرفت از SurveyForm Advancing From SurveyForm

  • به فرم عقب نشینی کنید Retreat to the Form

  • ارزش های فرم پایدار Persisting Form Values

  • Refactoring فیلدهای فرم Refactoring Form Fields

  • فیلدهای بررسی نهایی Finalizing Review Fields

  • فرم کار برجسته Outstanding Form Work

  • ارزش های فرم دامپینگ Dumping Form Values

  • رفع نام اموال Fixing Property Names

  • ارسال به نظرسنجی ها Posting to Surveys

  • تغییر مسیر در ارسال Redirect on Submit

بازگشت به مشتری! Back to the Client!

  • ایجاد نظرسنجی سمت مشتری Client Side Survey Creation

  • نمادهای مواد Material Icons

  • پیمایش با برچسب پیوند Navigation with the Link Tag

  • SurveyNew Form SurveyNew Form

  • هدف از فرم Redux Purpose of Redux Form

  • تنظیم فرم Redux Redux Form Setup

  • کمک کننده ReduxForm The ReduxForm Helper

  • فرم Redux در عمل Redux Form in Practice

  • اجزای فیلد سفارشی Custom Field Components

  • سیم کشی فیلدهای سفارشی Wiring up Custom Fields

  • خشک کردن زمینه ها DRY'ing Up Fields

  • فیلدهایی از Config Fields from Config

  • استایل دادن به فرم Styling the Form

  • اعتبار سنجی فرم Form Validation

  • نمایش خطاهای اعتبارسنجی Showing Validation Errors

  • تعمیم اعتبارسنجی فیلد Generalizing Field Validation

  • اعتبار سنجی ایمیل ها Validating Emails

  • نمایش ایمیل های نامعتبر Displaying Invalid Emails

  • تغییر وضعیت دید؟ Toggling Visibility?

  • پیشرفت از SurveyForm Advancing From SurveyForm

  • به فرم عقب نشینی کنید Retreat to the Form

  • ارزش های فرم پایدار Persisting Form Values

  • Refactoring فیلدهای فرم Refactoring Form Fields

  • فیلدهای بررسی نهایی Finalizing Review Fields

  • فرم کار برجسته Outstanding Form Work

  • ارزش های فرم دامپینگ Dumping Form Values

  • رفع نام اموال Fixing Property Names

  • ارسال به نظرسنجی ها Posting to Surveys

  • تغییر مسیر در ارسال Redirect on Submit

مدیریت داده های Webhook Handling Webhook Data

  • بازخورد با Webhooks Feedback with Webhooks

  • وب هوک در توسعه Webhooks in Development

  • یادداشت سریع قبل از سخنرانی بعدی ..... Quick Note Before Next Lecture.....

  • راه اندازی تونل محلی LocalTunnel Setup

  • راه اندازی Ngrok به جای LocalTunnel Ngrok setup instead of LocalTunnel

  • تست وب هوک ها Testing Webhooks

  • نهایی کردن راه اندازی Webhook Finalizing Webhook Setup

  • رمزگذاری داده های نظرسنجی Encoding Survey Data

  • داده های کثیف از Webhooks Dirty Data from Webhooks

  • خط لوله پردازش Processing Pipeline

  • تجزیه مسیر Parsing the Route

  • خطای "TypeError: Path یک سازنده نیست". "TypeError: Path is not a constructor" error

  • پاکسازی کد Code Cleanup

  • رویدادهای منحصر به فرد Unique Events

  • کمک زنجیر لوداش Lodash Chain Helper

  • پرس و جوهای Bad Mongoose Bad Mongoose Queries

  • پیدا کردن نظرسنجی دقیق Finding the Exact Survey

  • به روز رسانی سوابق Updating Records

  • اجرای کوئری ها Executing Queries

  • تست پرس و جو Testing the Query

  • شانس n به پایان می رسد در اطراف نظرسنجی Odds n' Ends Around Surveys

  • نکات مونگوس Mongoose Tips

مدیریت داده های Webhook Handling Webhook Data

  • بازخورد با Webhooks Feedback with Webhooks

  • وب هوک در توسعه Webhooks in Development

  • یادداشت سریع قبل از سخنرانی بعدی ..... Quick Note Before Next Lecture.....

  • راه اندازی تونل محلی LocalTunnel Setup

  • راه اندازی Ngrok به جای LocalTunnel Ngrok setup instead of LocalTunnel

  • تست وب هوک ها Testing Webhooks

  • نهایی کردن راه اندازی Webhook Finalizing Webhook Setup

  • رمزگذاری داده های نظرسنجی Encoding Survey Data

  • داده های کثیف از Webhooks Dirty Data from Webhooks

  • خط لوله پردازش Processing Pipeline

  • تجزیه مسیر Parsing the Route

  • خطای "TypeError: Path یک سازنده نیست". "TypeError: Path is not a constructor" error

  • پاکسازی کد Code Cleanup

  • رویدادهای منحصر به فرد Unique Events

  • کمک زنجیر لوداش Lodash Chain Helper

  • پرس و جوهای Bad Mongoose Bad Mongoose Queries

  • پیدا کردن نظرسنجی دقیق Finding the Exact Survey

  • به روز رسانی سوابق Updating Records

  • اجرای کوئری ها Executing Queries

  • تست پرس و جو Testing the Query

  • شانس n به پایان می رسد در اطراف نظرسنجی Odds n' Ends Around Surveys

  • نکات مونگوس Mongoose Tips

کشش خانگی! The Home Stretch!

  • واکشی فهرستی از نظرسنجی ها Fetching a List of Surveys

  • لیست سفید فیلدهای مدل Whitelisting Model Fields

  • نقطه پایانی بررسی‌های آزمایشی Testing Surveys Endpoint

  • بررسی سیم کشی تا Redux Wiring Surveys Up to Redux

  • سیم کشی واکنش به Redux Wiring React to Redux

  • ارائه فهرستی از نظرسنجی ها Rendering a List of Surveys

  • معکوس کردن فهرست نظرسنجی Reversing the Survey List

  • گسترش برنامه Expanding the App

  • [Heroku] استقرار یادداشت‌ها از سخنرانی نهایی [Heroku] Deploy Notes from Final Lecture

  • [راه‌آهن] یادداشت‌هایی از سخنرانی نهایی را به کار بگیرید [Railway] Deploy Notes from Final Lecture

  • [راه آهن] همه مراحل برای استقرار برنامه کامل [Railway] All Steps to Deploy full Application

کشش خانگی! The Home Stretch!

  • واکشی فهرستی از نظرسنجی ها Fetching a List of Surveys

  • لیست سفید فیلدهای مدل Whitelisting Model Fields

  • نقطه پایانی بررسی‌های آزمایشی Testing Surveys Endpoint

  • بررسی سیم کشی تا Redux Wiring Surveys Up to Redux

  • سیم کشی واکنش به Redux Wiring React to Redux

  • ارائه فهرستی از نظرسنجی ها Rendering a List of Surveys

  • معکوس کردن فهرست نظرسنجی Reversing the Survey List

  • گسترش برنامه Expanding the App

  • [Heroku] استقرار یادداشت‌ها از سخنرانی نهایی [Heroku] Deploy Notes from Final Lecture

  • [راه‌آهن] یادداشت‌هایی از سخنرانی نهایی را به کار بگیرید [Railway] Deploy Notes from Final Lecture

  • [راه آهن] همه مراحل برای استقرار برنامه کامل [Railway] All Steps to Deploy full Application

موارد اضافی Extras

  • جایزه! Bonus!

موارد اضافی Extras

  • جایزه! Bonus!

نمایش نظرات

آموزش Node with React: Fullstack Web Development
جزییات دوره
25.5 hours
219
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
84,519
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Stephen Grider Stephen Grider

معمار مهندسی