angular new project setup part 1

 version : angular 13


npm i -g @angular/cli@13.0.0

for project creation:
ng new mis3 --style=scss --routing

module beforeLogin:
ng g m beforeLogin --route beforeLogin --module app.module

module afterlogin:
ng generate module afterLogin --route afterLogin --module app.module

afterLogin component:
ng g c after-login/list
ng generate component after-login/change-password

beforeLogin component:
ng generate component before-login/forgotPassword
ng generate component before-login/header
ng generate component before-login/register

CanActivate Guard:
ng g guard shared/auth

ng g interceptor shared/auth
ng g interceptor shared/header

service:
ng generate service provider/server


 

Comments

Post a Comment

Popular posts from this blog

Become a Expert + Secret of Success -- ii

Image
 Do you want to become success? Excuses  takes you towards opposite direction of success. Don't Delay, Note down in your diary, what's your Aim,Vision & Mission Aim : ------------      I want to become a full stack developer.  (  after achieving, your can think about new aim)  Vision :------------ My Vision  is to become a leading performer, in providing quality Web and Software Development solutions in the competitive global marketplace.  Mission :------   To develop the solution for real life and business problems. ( as a software Developer this is your Mission ) Learn Java
Read more

focus

  What is Angular?  What are building blocks of Angular? What is component and lifecycle hook of component? What is service? What is module? What is directive? What is difference between directive and component? Types of directives. Difference between package. Json and angular. Json? What is lazy loading and how it is implemented? What is interceptor? What is route guard? Interaction between components. What is route guard? Difference between formgroup, form control, formarray? What is the difference between shift and unshift method of arrays? What are filters? pipes and custom pipe? arrow function? Tell me somethings about yourself? focus | Dedication | passion What is my achievements?               ==> I have 4 years of experience in IT Industries and 3 years of experience as a Angular Developer.  What I have did successfully?          I have successfully done HTML Integration , API Integration, templat...
Read more

JS part 2:

 Day 1: filter() : filter() will always return new array. It will not modify existing array. isBiggerThanFive is the inline callback() function var number = [0,1,2,3,4,5,6,7,8,9]; console.log(number.filter(isBiggerThanFive)); function isBiggerThanFive(n){ return n>5 } In callback() function we can test the conditions and return to the callback() find(): used to filter an element using Id. when the element was not found find() will return the undefined. number.find(isBiggerThanFive); loop(): var n = [0,1,2,3,4,5,6,7,8,9] var filterArray=[];count = 0; for(var i=0;i<=n.length-1;i++){ let el = a[i]; if(el>5){ filterArray.push(a[i]); }else{ count += 1;} } findIndex(): we can get the element of index by using findIndex() method. number.findIndex(4) includes(): includes() will return true or false; true means value present in the array. number.includes(5); There are two common functionalities that is loadData() and showData() related to web development. loadData() can use window...
Read more