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

آموزش ایجاد وب سایت با React و ASP.NET Core

دسته بندی ها: آموزش ASP.NET Core ، آموزش جاوااسکریپت (Javascript) ، آموزش React.js ، آموزش طراحی وب ، آموزش های پلورال سایت (Pluralsight) ، دات نت

آیا می خواهید یک نرم افزار وب مدرن که به طور کامل در مرورگرهای کلاینت و همچنین سرورهای back end REST کار می کند را ایجاد کنید؟ آیا می خواهید از یکی از محبوب ترین فریمورک های اپلیکیشن تک صفحه ای استفاده کنید؟ در این دوره با نحوه ایجاد اپلکیشن با سرور Microsoft ASP.NET Core با استفاده از استانداردهای متن باز، نحوه ایجاد اپلیکیشن React با Webpack config file، پیاده سازی رندر کردن سمت سرور با Node در backend، ادغام React و ASP.NET Core و غیره آشنا می شوید.

سرفصل:

  • معرفی دوره
  • یادگیری React با ASP.NET Core به عنوان Backend
  • سه روش برای ادغام React و ASP.NET Core
  • ساخت یک پیکربندی سفارشی Webpack برای React و Core
  • ابزارهای جاوا اسکریپت را یاد بگیرید
  • اضافه کردن React Router به اپلیکیشن
  • پیاده سازی  رندر سمت سرور و اعتبار سنجی URL
  • ادغام React با ASP.NET Core
  • اضافه کردن پیش پردازنده SASS CSS برای create-react-app
  • استفاده از قالب Microsoft’s ASP.NET Core برای ایجاد اپلیکیشن های React
  • چرا از Microsoft React Templates استفاده می کنید؟
  • ایجاد فراخوانی های REST API از React به ASP.NET Core
  • اضافه کردن سرور JSON برای REST GETs، PUTs، POSTs و DELETES
  • و غیره
Building a Website with React and ASP.NET Core Publisher:Pluralsight Author:Peter Kellner Duration:3h 14m Level:Intermediate

This course is about building web sites with React and ASP.NET Core. Two different technologies that work really well together. React, the JavaScript single page app framework and ASP.NET Core, the super fast, open source, standards compliant server.
Do you want to build a fully functioning modern web application that works on client browsers as well as back end REST servers? Do you want to use one of the most popular front end single page app frameworks in the world? In this course, Building a Website with React and ASP.NET Core, you will learn the best practices for how to build that app and have it work well with a Microsoft ASP.NET Core server using open source standards. First, you will learn how to create a React app starting with an empty Webpack config file, and from the ground up, build a React solution that talks asynchronously to an ASP.NET Core web server. Then, you will see how to implement server-side rendering using Node on the backend. Finally, you will learn about other options for integrating React and ASP.NET Core, including the create-react-app project from Facebook and the Microsoft React starter templates. By the end of the course, you will be able to build real-world React apps that work with an ASP.NET Core REST server on the back end for data. You’ll have the knowledge and tools you can apply right away to begin writing awesome React apps with ASP.NET Core.
Course Overview
1m 46s
Course Overview
1m 46s
Introducing How to Build Connected React Single Page Apps
7m 17s
Learning React with ASP.NET Core as the Backend
3m 3s
Three Techniques to Integrate React and ASP.NET Core
3m 43s
Source Code on GitHub
0m 30s
Building a Custom Webpack Configuration for React and Core
48m 58s
Introducing Custom Webpack Integration
3m 54s
Learn the JavaScript Build Tools
4m 46s
Learn to Work with webpack-dev-server
3m 42s
Bring in React and Create the First Component
4m 0s
Adding React Router to the App
2m 11s
Updating the Example to a Conference Web Site
2m 15s
Why You Are Not Done and Server Side Rendering
5m 0s
Splitting the WebPack Config into Two
4m 23s
Implementing Server Side Render and URL Validation
4m 56s
Using ReactDOM.renderToString to Generate the Static HTML
5m 26s
Integrating React with ASP.NET Core
5m 44s
Summary
2m 33s
Integrating Facebook’s create-react-app with ASP.NET Core
33m 28s
Introducing create-react-app
3m 45s
Getting Started with create-react-app
4m 54s
The All Important react-scripts Module
5m 43s
Learn a Downside of create-react-app
2m 16s
Adding the SASS CSS Preprocessor to create-react-app
5m 48s
Convert an Existing React App to create-react-app
5m 19s
Tightly Coupling create-react-app to ASP.NET Core
2m 56s
Summary
2m 43s
Using Microsoft’s ASP.NET Core Templates to Build React Apps
8m 6s
Why Use the Microsoft React Templates?
1m 45s
Big React Template Change Coming in ASP.NET Core 2.1
2m 58s
Why Microsoft Switched to create-react-app
1m 17s
Microsoft Templates and Server Side Rendering
1m 21s
Conclusions Regarding Microsoft React Templates
0m 43s
Making REST API Calls from React to ASP.NET Core
1h 0m
Introduction
5m 16s
Learn About Axios for Making REST Calls
3m 15s
Implementing Axios for Getting Data on the Speaker Component
5m 6s
Creating Redux Actions and Reducers for Loading Data
6m 2s
Learning More About the Redux Speaker Reducer
3m 12s
Learn How a Redux Action Updates the React Components Data
4m 42s
Debugging Redux State Changes with Chrome Dev Tools
4m 27s
Adding JSON Server for REST GETs, PUTs, POSTs, and DELETEs
4m 36s
Making REST PUT (Update) to the JSON Server
4m 43s
Adding Sessions, Styling, and Interaction to the Web App
3m 3s
Implementing Axios for Getting Data on the Speaker Component
5m 18s
Integrating a Decoupled React Site to ASP.NET Core
4m 35s
Adding Development Time Only Middleware to React Redux
3m 38s
Summary
2m 9s
Implementing Server Side Rendering That Includes REST Calls
26m 43s
Introducing Integrating REST Data into Server Side Rendering HTML
4m 54s
Outlining the Plan for Adding REST Data to Server Rendered HTML
3m 49s
Replacing Route Elements with Declarative Definitions Using renderRoutes
6m 59s
Fulfilling Promises in the Node Server
5m 9s
Syncing Server Side Generated HTML with Client Side JavaScript
4m 37s
Summary
1m 13s
Pros and Cons of the Integration Strategies
7m 42s
Overview of Building Choices
2m 42s
The Microsoft React Template Solution
0m 47s
Using create-react-app to Build a Web App
1m 21s
Adding REST to the Mix
1m 6s
Final Thoughts
1m 44s

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

لینک های دانلود حجم فایل: 459.0MB Pluralsight Building a Website with React and ASP.NET Core_git.ir.rar