Complete Tutorial On Mean Stack Development — Devstringx

What Is MEAN Stack Development?

MEAN Stands

MEAN STACK Architecture

What Is a Single-Page Web Application?

  1. E2e
  2. Src
  3. component.css
  4. component..html
  5. component..ts
  6. component.spec.ts
  7. module.ts
  8. Assets
  9. Environment
  10. HTML
  11. ts
  12. Root component
  13. Main module
  14. Root HTML
  15. Entry point
  16. Angular CLI config
  • ROOT HTML — index.html
  • THE ENTYR POINT- main.ts
  • MAIN MODULE — app.module.ts
  1. Declaration- It helps to define all the components which are to use in the HTML in the module.
  2. Imports- We cannot create every function which is to be used in the application this import array helps you to import other library modules and thus leverage the component, service, and some other capabilities.
  3. Bootstrap- All the component which acts as entry points are declared in the bootstrap. Here your app will not kick start if you have not added the main component.
  • ROOT COMPONENT — App Component

What Is Component Lifecycle?

  • ngOnchanges: When the value of the input control will change, the event will execute. When the value of the bound property will change the event will fire first. A data map always receives when carrying the present and the previous value of the bound wrapped in property a simple change.
  • ngOnInit: The initializing of this event first shows the data bound properties or when the initialization of the component is done. The use of this event is to initialize the data in the component.
  • ngDoCheck: Every time the input property of the components checks it’s triggered. The hook method can use by us by checking with our own logic check to implement. This is to check our own custom change detection logic.
  • ngAfterContinentInit: Any content projection within the component views perform by angular and then execute by this lifestyle method. When all the bindings of the components need to look after or check for the first time this method executes.
  • ngDoCheck(): The child component initialization link to this method.
  • ngAfterContentChecked: Every time the content of the component has been checked by the angular of change detection mechanism it executes.
  • ngAfterContentInit: It’s called on every subsequent execution.
  • ngAfterViewInit: When the components’ views have been fully initialized then this method is executed.
Node -v. -> To check the node version.

npm -v -> Package Manager

npm install -g @angular/cli – Install angular.

ng new project_name -> Define project name.

ng serve -o. -> To start the serve side.

npm start -> To run the build .

ng generate component component_name

ng generate service service name

--

--

Devstringx Technologies is highly recommended IT company for custom software development, mobile app development and automation testing services

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Devstringx Technologies

Devstringx Technologies is highly recommended IT company for custom software development, mobile app development and automation testing services