Project Structure and Create Modules and Components - Angular 6 / Angular 7
Posted at: December 15, 2018 4:08 PM
Creating all modules
- blogpost
- cmspage
- admin
- auth
Components, Service and Routing Module
- header
- banner
- footer
- page-not-found
- blogpost (module)
- blogpost-featured
- blogpost-list
- blogpost-detail
- blogpost-recent
- categories
- blogpost-service
- blogpost-routing-module
- cmspage (module)
- page
- contact-form
- cmspage-service
- cmspage-routing-module
Note:* Admin components will create later.
Creating modules
Creating components
Creating components for blogpost module
Creating service for Blogpost Module
Creating components for cmspage module
Creating service for cmspage module
Edit app.module.ts
Import BlogpostModule and CmspageModule in app.module.ts
Edit blogpost/blogpost.module.ts
Export BlogpostFeaturedComponent component for showing this component on root component app.component.html
Edit app.component.html
Edit app.component.html for header, banner, featured blogpost and footer
This lesson also available on YouTube
More Posts - Angular Project Training
- Project Overview and Setup
- Bootstrap Integration
- Project Structure and Create Modules and Components
- Theme Integration and Create Home Page
- Create Routing, Navigation and Inner Page
- Service and Http Client, Blog Listing and Featured Blog
- Service and Http Client for Blog Detail, Recent Blog and Categories
- Service and Http Client for Create Static Pages
- Create Contact Form and Send Data on Email
- Login and Logout using Web API with Token Based Authentication
- CRUD #1 Admin can View Blog List
- CRUD #2 Create, Edit, and Delete Blog with File Upload
- Set HTTP Base URLs of Production and Development Environment
- Angular Project Deployment on Live Server
Angular 6/7 Tutorial in Hindi
Angular 7 is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript, used to create Single Page Applications.
truecodex.com provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7.
truecodex.com will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.
Please leave comments
12 Comments
