rajaramtt

Sass (which stands for Syntactically Awesome Style Sheets) is an extension to CSS.

sass is superset of css Sass is syntatic sugar of css It helps in writing CSS quickly.

SASS supports two syntaxes namely SCSS and Indented syntax

• The SCSS - is an extension of CSS syntax. files use the extension .scss.

rajaramtt

To enable HashLocationStrategy in an Angular application we pass {useHash: true} when we are providing our routes with RouterModule, like so:

TypeScript RouterModule.forRoot(routes, {useHash: true})

http://somedomain.com/page#routing-strategies Taking a look at the app we’ve built so far, if running locally the URLs look something like:

localhost:4040/#/search localhost:4040/#/artist/1234/tracks

rajaramtt

Including the CUSTOM_ELEMENTS_SCHEMA in the module allows the use of the web components in the HTML markup without the compiler producing errors

• Defines a schema that allows an NgModule to contain the following:
• • Non-Angular elements named with dash case (-).
• • Element properties named with dash case (-).
• Dash case is the naming convention for custom elements.

rajaramtt

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  

rajaramtt

var params = {
    a: 1,
    b: 2,
    c: 3
};

var queryString = Object.keys(params).map(key => key + '=' + params[key]).join('&');
// or

var queryString = Object.keys(params).map(function(key) {

rajaramtt

environments ├── environment.staging.ts

angular.json

"configurations": {

"staging": { "fileReplacements": [

rajaramtt

"configurations": {
  "production": { ... },
  "staging": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.staging.ts"
      }
    ]
  }

rajaramtt

//--------------- ElementRef----------------------


@ViewChild('foo', {static: false}) foo: ElementRef;



@Component({
    selector: 'sample',
    template: `

rajaramtt

Combination Operators
---------------------------------
combineAll
combineLatest :star:
concat :star:
concatAll
forkJoin
merge :star:
mergeAll
pairwise

rajaramtt

Observable: Subscribe to it to get the values
Subject: Same but you also have control of the values that you want to emit into it (can subscribe to it but also emit)

ReplaySubject:
Same as subject but will keep track of the N latest emitted values and every time you subscribe to it, 
it'll emit those N values

BehaviorSubject:
Subject where you have to set a default value, 
if you subscribe to it before anything has been emitted you'll get the default value