Learn Angular: Language Features

<!DOCTYPE html>
<title>Hello Angular</title>
<ng-component>Loading...</ng-component>
<script src="https://unpkg.com/systemjs"></script>
<script>
  System.config({
    transpiler: 'ts',
    typescriptOptions: {
      experimentalDecorators: true,
    },
    packages: {
      "ts": {
        "main": "lib/plugin.js"
      },
      "typescript": {
        "main": "lib/typescript.js",
        "meta": {
          "lib/typescript.js": {
            "exports": "ts"
          }
        }
      }
    },
    paths: {
      'npm:': 'https://unpkg.com/',
      'github:': 'https://raw.githubusercontent.com/',
    },
    map: {
      'typescript': 'npm:typescript',
      'ts': 'github:frankwallis/plugin-typescript/master',
      'rxjs': 'npm:rxjs/index.js',
      'rxjs/operators': 'npm:rxjs/operators/index.js',
      '@angular/core': 'npm:@angular/core',
      '@angular/common': 'npm:@angular/common',
      '@angular/compiler': 'npm:@angular/compiler',
      '@angular/platform-browser': 'npm:@angular/platform-browser',
      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic',
    },
  })
</script>
<script>
  SystemJS.import('./main.js')
</script>

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
import { AppModule } from './app.module.js'

platformBrowserDynamic().bootstrapModule(AppModule, { ngZone: 'noop' })

Learn Angular the hard way (Simplified Chinese)

https://trotyl.gitbooks.io/learn-angular/content/

import { NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'
import { AppComponent } from './app.component.js'

@NgModule({
  imports: [
    BrowserModule,
  ],
  declarations: [
    AppComponent,
  ],
  bootstrap: [
    AppComponent,
  ],
})
export class AppModule { }

import { Component } from '@angular/core'

@Component({
  template: '<h1>Hello Angular</h1>',
})
export class AppComponent { }