ASP.NET Core MVC and Angular 5 Project- Creating a CMS

Set up an Angular 5 application and an ASP.NET Core web API project to build a CMS, using Visual Studio Code and Visual Studio 2017.

Install jquery and bootstrap 3 via npm, link the css and scripts, and verify Angular integration by serving the app and checking bundles in dev tools.

Create the number component, integrate it into the app component, and verify with a run and refresh, adjusting the template to display the dynamic number in this cms project.

Learn to define models for pages, sidebars, and users, and set up a DbContext in an ASP.NET Core MVC project to expose these entities as tables.

Create and seed a new database for the CMS by configuring the context, seeding pages, sidebar, and a default admin user, then validate the tables.

Create a pages controller with methods to get all pages and a page by slug for asp.net core mvc, exposing api routes /api/pages and /api/pages/{slug} that return json.

Demonstrate adding a get pages method to fetch all pages and a get page method with a slug, exposing API pages and creating the pages components.

Build a pages component that renders content based on the route parameter, fetches page content via a page service, updates page title, and redirects not found pages to the homepage.

Implement routing with a router module and routes, use routerLink for home and pages, update the navbar to hide home, and render page content via a page component.

Develop the admin pages component for the CMS, wiring router and page service to fetch and display pages in a table with a success message and links.

Create an admin add page component with a title and content form, include required and minimum length validations, and set up routing and forms module integration.

Implement an admin add page form with validation, two-way binding for title and content, and a create page API call. Show success or error messages and refresh the page list.

Create an API method in pages controller to handle page creation, generate a slug from title by replacing spaces with dashes and converting to lowercase, check for slugs, and save.

Add and configure the admin edit page component within the CMS project, including routing, links, and a delete page method, while validating page slug display for non-home pages.

Create a get page service and an api method to fetch a page by id, expose a get pages slug endpoint, and return the page or not found in cms.

Load an admin page by id using the router and activated route, populate title and content with the page service, and submit edits via a form with a hidden id.

Finish implementing page editing workflow by adding a page method, reusing post logic for pages, updating the API with a put request, generating page slug, and enabling two-way data binding.

Learn how to set up a sidebar in an ASP.NET Core MVC CMS project by creating a cyber controller, implementing get and post methods, and persisting changes.

Create a sidebar component and its corresponding service in an ASP.NET Core MVC and Angular 5 CMS project, wiring routes, providers, and API endpoints for sidebar data.

Finish the cyber component by wiring an admin-protected router and implementing a sidebar editor with cyber and sidebar services to load and save content with a brief success message.

Implement register, login, and logout components in an angular app, configure routes, and build a user service with an http client to call api/users/register and api/users/logon.

Create a register component with username and password fields, include validation and a user exists message, and submit the data to a register function while updating the page ui.

Continue implementing the register feature with a new users controller and a register post-action. Validate the username, create the user, and use local storage to signal registration before redirecting to login.

Implement the login component in Angular, using the router and user service, check local storage for registration status, track login failures, and show a thank-you message after registration.

Implement an API login method, validate credentials, store the user in local storage, redirect admins to admin pages or the home page, and show a two-second login failure indicator.

Add a user property and implement login checks to conditionally display register and login links, hiding them when a user is logged in and navigating with router.

Implement logout by clearing the user from local storage and redirecting to the home page, with a guard that sends unauthenticated users to the logon component.

Add a delete page method in the pages service, confirm deletion in the UI, and call the API to remove the page by id, updating the list and success message.

implement a left admin navigation in the cms by reusing the number component, conditionally rendering pages and sidebar links via local storage, and adjusting styles for spacing.

Add a sidebar option to pages by implementing a checkbox bound to a sidebar model property, updating the edit and page display logic, and saving the value to the database.

Add a front-end sidebar by updating the pages component and typescript to define a sidebar field, inject a sidebar service, and conditionally render the sidebar based on page data.

Integrate a wysiwyg editor into the ASP.NET Core MVC and Angular 5 CMS using a CDN, declare it in ts, and enable admin-only editing. Enforce admin access via local storage.

perform the final touches on the cms by implementing a sidebar wysiwyg, copying components, updating page content, and resolving display issues to complete the product.

Unlock ten-dollar access to any of my courses and discover great deals and the best prices on the official website.