/intro-angular

Setting up the Local environment and workspace for angular

Primary LanguageTypeScript

Intro2angular

This project was generated with Angular CLI version 8.3.20.

Architecture Overview

  • [] File Structure

  • [] Entry point of application

  • [] Bootstrapping

  • [] Modules

  • [] Decorators

  • [] And more!

Decorators

  • () What exactly is a decorator?
  • () How it just wraps code?
  • () Makes code easy to read and maintain

Lifecycle Hooks

  • () OnChanges
  • () OnInit
  • () DoCheck
  • () AfterContentInit
  • () AfterContentChecked
  • () AfterViewInit
  • () AfterViewChecked
  • () OnDestroy

Components

  • () What is a component?
  • () Create component using ng generate component
  • () Declaring a component
  • () Basic component use

Interpolation and Expressions

  • What is Interpolation?
  • Its symbol
  • Expressions used in interpolation
  • Prohibited expression syntax examples

Data Binding

  • What is data binding?
  • Source to target -> []
  • Target to source -> ()
  • Two way data binding
  • Meaning of two-way data binding
  • Example of two-way data binding
  • ngModel directive

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.