Skip to main content

Angular

One framework. Mobile & desktop.

angular.io, API

History​

Angular has replaced AngularJS (aka Angular v1).

Releases​

VersionDateMore
13.0blog.ninja-squad.com
12.0blog.ninja-squad.com
10.02020-06-25blog.angular.io, blog.ninja-squad.com

Learn​

Training​

Resources​

Books​

Tutorials​

Libraries​

Tools​

Quick start​

# create the application
ng new

# launch locally (open http://localhost:4200)
ng serve --open

# add material theme
ng add @angular/material

# create the first module
ng generate module layout

# create the home page component
ng generate component layout/home

→ angular.io/guide/quickstart

Recipes​

Authentication​

CI CD​

Sonar​

  • Create a sonar-project.properties file at the root folder of the application
sonar.host.url=https://sonarcloud.io
sonar.login=<token>
sonar.organization=<company>
sonar.projectKey=<projetKey>
sonar.projectName=<projectName>
sonar.projectVersion=1.0
sonar.sourceEncoding=UTF-8
sonar.sources=src
sonar.exclusions=**/node_modules/**,**/*.spec.ts,**/coverage/**,**/bin/**,**/obj/**
#sonar.tests=test
sonar.test.inclusions=**/*.spec.ts
sonar.typescript.lcov.reportPaths=src/WebApp/ClientApp/coverage/lcov.info
#sonar.dotnet.visualstudio.solution.file=Solution.Name.sln
  • Edit package.json file
  "scripts": {
   "sonar": "node_modules/sonar-scanner/bin/sonar-scanner.bat"
  },
  "dependencies": {
    "sonar-scanner": "^3.1.0",
    "tslint-sonarts": "^1.8.0",
  }

Update​

Web design​

Material design​

DataTables​

materialize-css​