Build A Complete CMS App Using Angular 5

Install angular cli and set up a development environment to create a new Angular 5 project with ng new, explore basic files, and run on localhost.

Connect your Angular 5 content management system app to firebase by creating a firebase project, configuring development and production environments, and connecting authentication, real-time database, analytics, and hosting.

Learn to fetch data from Firebase into an Angular app using AngularFire, expose pages as an observable, and render them in a component for a dynamic pages list.

Build authentication using Google Firebase for an Angular 5 app by creating a login page, setting up routing, and wiring Google sign-in to the CMS.

Learn to implement Google Firebase authentication in an Angular 5 CMS app by creating a service provider, enabling Google login, and distinguishing authentication from authorization.

Enable Google Firebase authentication to authorize users in the cms app. Define user roles (subscriber, admin), store them in Firebase, and protect routes with guards.

Apply authorization guards to route access using firebase authentication, protecting the home, article, and admin pages by subscriber and admin roles, with a navigation bar and login flow.

Learn how to integrate material design into an angular app by installing angular material, cdk, and animations, then organize imports via a shared material module and apply theming.

Structure a cms page using angular material modules and a new model import. Build a navigation bar with a toolbar, menu, user profile, and icons for admin layout.

Implement a secure admin area with separate routing and lazy loading after login, building admin page components and a navbar, while decoupling admin from the home page for cms design.

Structure the admin model and layout for a complete CMS app using Angular 5, configuring the sidebar, top navigation, routing, and posts dashboard with reusable components.

Explore firebase cloud firestore’s document oriented data model, with collections, documents, fields, and subcollections, and learn to secure read/write access using rules.

Create an Angular service for Firestore to manage menus and posts, expose CRUD operations, and wire a Material table with filtering, sorting, and pagination.

Master menus collection management in a complete Angular 5 cms app by building tables, managing posts with services, and implementing delete confirmations via modal dialogs.

Develop and manage the posts collection in an Angular 5 CMS by defining post fields (title, id, content) and related costs and menus, using reactive forms.

Restructure the front page architecture by creating a front page model and components, updating home page routing, and aligning page list and subscriber paths within the CMS app.

Extend the front-page routing with conditional routes for menus, wire a dedicated front page component, and integrate the navigation bar, manual service, and article pages via the router.

Build a complete cms app using angular 5 and implement a front page layout of posts based on the selected menu, fetched via a post service.

Build a flexible Angular 5 cms front-end that renders a stream of posts and manuals as responsive cards, extends services, and prepares for scalable content layouts.