Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit 5169370

Browse files
wardbellwardbell
committed
docs(quickstart): simplifying overhaul
1 parent a46cba0 commit 5169370

18 files changed

+494
-569
lines changed

‎public/docs/_examples/quickstart/ts/.gitignore

-1
This file was deleted.

‎public/docs/_examples/quickstart/ts/app/app.component.ts

-14
This file was deleted.

‎public/docs/_examples/quickstart/ts/app/app.module.1.ts

-8
This file was deleted.

‎public/docs/_examples/quickstart/ts/app/app.module.ts

+7-4
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
11
// #docregion
2-
import { NgModule } from '@angular/core';
3-
import { BrowserModule } from '@angular/platform-browser';
2+
import { Component, NgModule } from '@angular/core';
3+
import { BrowserModule } from '@angular/platform-browser';
44

5-
import { AppComponent } from './app.component';
5+
@Component({
6+
template: `<h1>Hello Angular!</h1>`,
7+
selector: 'my-app'
8+
})
9+
export class AppComponent { }
610

711
@NgModule({
812
imports: [ BrowserModule ],
913
declarations: [ AppComponent ],
1014
bootstrap: [ AppComponent ]
1115
})
12-
1316
export class AppModule { }

‎public/docs/_examples/quickstart/ts/app/main.ts

-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
1-
// #docregion
2-
// #docregion import
31
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
42

53
import { AppModule } from './app.module';
6-
// #enddocregion import
74

85
const platform = platformBrowserDynamic();
96
platform.bootstrapModule(AppModule);

‎public/docs/_examples/quickstart/ts/index.html

+8-14
Original file line numberDiff line numberDiff line change
@@ -2,36 +2,30 @@
22
<!-- #docregion -->
33
<html>
44
<head>
5-
<title>Angular QuickStart</title>
5+
<title>Hello Angular</title>
66
<meta charset="UTF-8">
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<link rel="stylesheet" href="styles.css">
9+
<style>
10+
body {color:#369;font-family: Arial,Helvetica,sans-serif;}
11+
</style>
912

10-
<!-- 1. Load libraries -->
11-
<!-- #docregion libraries -->
12-
<!-- #docregion polyfills -->
1313
<!-- Polyfill for older browsers -->
1414
<script src="node_modules/core-js/client/shim.min.js"></script>
15-
<!-- #enddocregion polyfills -->
1615

1716
<script src="node_modules/zone.js/dist/zone.js"></script>
1817
<script src="node_modules/reflect-metadata/Reflect.js"></script>
1918
<script src="node_modules/systemjs/dist/system.src.js"></script>
20-
<!-- #enddocregion libraries -->
21-
22-
<!-- 2. Configure SystemJS -->
23-
<!-- #docregion systemjs -->
2419
<script src="systemjs.config.js"></script>
2520
<script>
2621
System.import('app').catch(function(err){ console.error(err); });
2722
</script>
28-
<!-- #enddocregion systemjs -->
2923
</head>
3024

31-
<!-- 3. Display the application -->
32-
<!-- #docregion my-app -->
3325
<body>
34-
<my-app>Loading...</my-app>
26+
<!-- #docregion my-app-->
27+
<my-app><!-- content managed by Angular --></my-app>
28+
<!-- #enddocregion my-app-->
3529
</body>
36-
<!-- #enddocregion my-app -->
30+
3731
</html>

‎public/docs/_examples/quickstart/ts/package.1.json

-41
This file was deleted.

‎public/docs/_examples/quickstart/ts/plnkr.json

+3-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
{
22
"description": "QuickStart",
33
"files": [
4-
"!**/*.d.ts",
5-
"!**/*.js",
6-
"!**/*.[1].*"
4+
"app/app.module.ts",
5+
"index.html"
76
],
87
"tags": ["quickstart"]
9-
}
8+
}

‎public/docs/_examples/quickstart/ts/systemjs.config.1.js

-43
This file was deleted.

‎public/docs/_examples/quickstart/ts/tsconfig.1.json

-12
This file was deleted.

‎public/docs/ts/latest/_data.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
"title": "Quickstart",
2121
"subtitle": "TypeScript",
2222
"description": "Get up and running with Angular",
23-
"banner": "This QuickStart guide demonstrates how to build and run a simple Angular application."
23+
"banner": "See Angular in action."
2424
},
2525

2626
"tutorial": {

‎public/docs/ts/latest/cookbook/_data.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"index": {
33
"title": "Cookbook",
44
"navTitle": "Overview",
5-
"description": "A collection of recipes for common Angular application scenarios"
5+
"intro": "A collection of recipes for common Angular application scenarios"
66
},
77

88
"aot-compiler": {

‎public/docs/ts/latest/guide/_data.json

+22-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,23 @@
22
"index": {
33
"title": "Documentation Overview",
44
"navTitle": "Overview",
5-
"description": "How to read and use this documentation",
5+
"intro": "How to read and use this documentation",
6+
"nextable": true,
7+
"basics": true
8+
},
9+
10+
"learning-angular": {
11+
"title": "Learning Angular",
12+
"navTitle": "Learning Angular",
13+
"intro": "A suggested path through the documentation for Angular newcomers",
14+
"nextable": true,
15+
"basics": true
16+
},
17+
18+
"setup": {
19+
"title": "Setup for local development",
20+
"navTitle": "Setup",
21+
"intro": "Setup a local development environment",
622
"nextable": true,
723
"basics": true
824
},
@@ -136,6 +152,11 @@
136152
"intro": "Developing for content security in Angular applications"
137153
},
138154

155+
"setup-systemjs-anatomy": {
156+
"title": "Setup anatomy",
157+
"intro": "Inside the local development environment for SystemJS"
158+
},
159+
139160
"structural-directives": {
140161
"title": "Structural Directives",
141162
"intro": "Angular has a powerful template engine that lets us easily manipulate the DOM structure of our elements."

0 commit comments

Comments
 (0)