آموزش ساخت یک برنامه Full-Stack با React و Express

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

معرفی Introduction

• معرفی دوره/درباره نویسنده Course Introduction / About the Author

• چرا واکنش و بیان؟ Why React and Express?

• مقدمه ای بر React، قسمت 1 - کتابخانه پرفورمنت Introduction to React, Part 1 - The Performant Library

• مقدمه ای بر React، قسمت 1 - Virtual DOM Introduction to React, Part 1 - The Virtual DOM

• اکسپرس چیست؟ What Is Express?

• چرا Express برای برنامه های React منطقی است؟ Why Express Makes Sense for React Applications

• نمای کلی MongoDB MongoDB Overview

• پیش نمایش برنامه، قسمت اول - رابطه بین ابزارها App Preview, Part I - The Relationship Between Tools

• پیش نمایش برنامه، قسمت دوم - نگاهی به برنامه تمام شده App Preview, Part II - A Look at the Finished App

داربست کردن برنامه Scaffolding the App

• ایجاد داربست اولیه Creating the Initial Scaffold

• راه اندازی فایل Gulp Setting up the Gulp File

• ترجمه اولین اسکریپت JSX ما Transpiling our First JSX Script

• بسته بندی برنامه با Browserify Bundling the Application with Browserify

• ایجاد یک React Component Creating a React Component

ایجاد یک React Front-End Creating a React Front-End

• نمایش لیست آیتم ها با React Displaying a List of Items with React

• ترکیب کلاس های واکنش Compositing React Classes

• استفاده از کلاس های مشروط Conditionally Applying Classes

• پیاده سازی Flux Dispatcher Implementing a Flux Dispatcher

• افزودن اقلام جدید مواد غذایی به لیست Adding New Grocery Items to the List

• استفاده از فرم ها در برنامه های React Using Forms in React Applications

• پیاده سازی Action Helper Implementing an Action Helper

• ایجاد یک فروشگاه Flux Creating a Flux Store

• تکمیل قابلیت افزودن آیتم Completion of Add Item Functionality

تکمیل Front End Completing the Front End

• حذف موارد از لیست Deleting Items from the List

• خرید اقلام Buying Items

• اضافه کردن سبک به برنامه Adding Styles to the App

• نتیجه Conclusion

پیاده سازی اکسپرس Back End Implementing an Express Back End

• ایجاد مسیر اقلام Creating an Items Route

• پیاده سازی مسیر در اکسپرس Implementing a Route in Express

• اضافه کردن Body-Parser Express Middleware Adding Body-Parser Express Middleware

• ایجاد یک REST Helper Creating a REST Helper

• اجرای درخواست های GET Implemeting GET Requests

• تغییر داده ها با درخواست های POST Modifying data with POST requests

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

• نصب و اجرای MongoDB Installing and Running MongoDB

• اجرای Mongoose Implementing Mongoose

• ایجاد یک طرحواره Creating a Schema

• پیاده سازی مدل آیتم Implementing the Item Model

• اضافه کردن Patch و Delete به Express و Mongoose Adding Patch and Delete to Express and Mongoose

• به روز رسانی ویرایش و به روز رسانی موارد در Front End Updating Editing and Updating Items on the Front End

• نتیجه گیری (پشت پایان) Conclusion (Back End)

ساخت اپلیکیشن ایزومورفیک Making the App Isomorphic

• به روز رسانی قالب EJS برای React Updating the EJS Template for React

• افزودن عملکرد ایزومورفیک به Express با استفاده از React و Babel Adding Isomorphic Functionality to Express using React and Babel

• نمای کلی تصویر بزرگ Big Picture Overview

• ایده هایی برای ادامه برنامه Ideas for Taking the App Further

• ادامه تحصیل Continuing your Education

• متشکرم Thank You