Building Single-Page Applications Using ASP.NET Core JavaScriptServices
2h 21mIntermediate2018-01-10
Authors
Kazi Nasrat Ali
Senior Software Developer at Surge
Course details
Explore how to leverage ASP.NET Core single-page project templates—including React.js, Angular.js, Vue.js, and Aurelia.js. This course covers how to work with templates and JavaScriptServices to accomplish front-end projects, from setup to app publication. Find out how to approach scaffolding a project, implement SPA (single-page application) services, execute JS in the server, use routing helpers, create database features, add React components, and more.
Learning objectives
Setting up a dev environment
Front-end frameworks
Templates: React.js, Angular.js, Vue.js, Aurelia.js
JavaScriptServices
NodeServices and Node.js
Single-page application services
Using HMR (Hot Module Replacement)
Performing server-side prerendering
Using node-chartist
Creating a database, tables, and stored procedures
Creating data models, controllers, and actions
Adding React components and subcomponents
Testing and publishing an app
Learning objectives
Setting up a dev environment
Front-end frameworks
Templates: React.js, Angular.js, Vue.js, Aurelia.js
JavaScriptServices
NodeServices and Node.js
Single-page application services
Using HMR (Hot Module Replacement)
Performing server-side prerendering
Using node-chartist
Creating a database, tables, and stored procedures
Creating data models, controllers, and actions
Adding React components and subcomponents
Testing and publishing an app
Skills covered
ASP.NET CoreAngularReact.jsMetaFront-End Web DevelopmentProjectWeb DevelopmentOpen SourceMicrosoft
Concepts
Introduction
- Welcome
- What you should know
- Working with the exercise files
- Set up the development environment
Exploring ASP.NET Core SPA Project Templates
- Front-end framework options
- Scaffolding a project
- Explaining the basic project structure
- React.js template
- Angular.js template
- Vue.js template
- Aurelia.js template
Working with ASP.NET Core JavaScriptServices
- JavaScriptServices overview
- NodeServices
- Execute JS in the server using Node.js
- SPA services
- Webpack dev middleware
- Hot Module Replacement
- Server-side prerendering
- Routing helpers
- Building charts using node-chartist
Creating a React and ASP.NET Core App
- About the sample app
- Scaffolding with React
- Create the database, tables, and stored procedures
- Create data models
- Create data controller and actions
- Add React component - Customer list
- Add React subcomponents - Add edit
- Controller action for add edit sub-components
- Add navigation links
- Controller action for Customer search
- Add React component - Customer search
- Add React subcomponents - Order details
- Finish up the app and test
- Publish the app
Conclusion
- Next steps