آموزش ساخت برنامه های تک صفحه ای با استفاده از سرویس های اصلی JavaScriptSP.NET

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

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• کار با پرونده های تمرینی Working with the exercise files

• محیط توسعه را تنظیم کنید Set up the development environment

1. بررسی الگوهای پروژه ASP.NET Core SPA 1. Exploring ASP.NET Core SPA Project Templates

• گزینه های چارچوب جلویی Front-end framework options

• داربست یک پروژه Scaffolding a project

• توضیح ساختار پروژه اصلی Explaining the basic project structure

• الگوی React.js React.js template

• الگوی Angular.js Angular.js template

• الگوی Vue.js Vue.js template

• الگوی Aurelia.js Aurelia.js template

2. کار با ASP.NET Core JavaScriptService 2. Working with ASP.NET Core JavaScriptServices

• بررسی اجمالی JavaScriptService JavaScriptServices overview

• خدمات NodeService NodeServices

• JS را با استفاده از Node.js در سرور اجرا کنید Execute JS in the server using Node.js

• خدمات SPA SPA services

• واسط طراحی وب میانجی Webpack dev middleware

• جایگزینی ماژول داغ Hot Module Replacement

• prerendering سمت سرور Server-side prerendering

• یاران مسیریابی Routing helpers

• نمودار ساختمان با استفاده از گره-نمودار Building charts using node-chartist

3. ایجاد یک برنامه اصلی و React و ASP.NET 3. Creating a React and ASP.NET Core App

• درباره برنامه نمونه About the sample app

• داربست با React Scaffolding with React

• بانک اطلاعاتی ، جداول و مراحل ذخیره شده را ایجاد کنید Create the database, tables, and stored procedures

• مدل های داده ایجاد کنید Create data models

• کنترلر و اقدامات را ایجاد کنید Create data controller and actions

• افزودن مؤلفه React: لیست مشتری Add React component: Customer list

• افزودن زیر مؤلفه های React: اضافه یا ویرایش کنید Add React subcomponents: Add/edit

• عملکرد کنترل کننده برای اضافه کردن / ویرایش زیر مؤلفه ها Controller action for add/edit sub-components

• پیوندهای ناوبری را اضافه کنید Add navigation links

• عملکرد کنترل کننده برای جستجوی مشتری Controller action for Customer search

• افزودن مؤلفه React: جستجوی مشتری Add React component: Customer search

• اضافه کردن اجزای زیر React: جزئیات سفارش را سفارش دهید Add React subcomponents: Order details

• برنامه را تمام کنید و تست کنید Finish up the app and test

• برنامه را منتشر کنید Publish the app

نتیجه Conclusion

• مراحل بعدی Next steps