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

docs(quickstart): post-RC5 Dart resync #2078

Merged
merged 2 commits into from
Aug 10, 2016
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions public/_includes/_util-fns.jade
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,15 @@
//- Location of sample code
- var _liveLink = 'live link';

//- NgModule related
- var _AppModuleVsAppComp = 'AppModule'
- var _appModuleTsVsAppCompTs = 'app/app.module.ts'
- var _appModuleTsVsMainTs = 'app/app.module.ts'
- var _bootstrapModule = 'bootstrapModule'
- var _moduleVsComp = 'module'
- var _moduleVsRootComp = 'module'
- var _platformBrowserDynamicVsBootStrap = 'platformBrowserDynamic'

//- Other
- var _truthy = 'truthy';
- var _falsey = 'falsey';
Expand Down
14 changes: 0 additions & 14 deletions public/docs/_examples/quickstart/dart/web/styles_1.css

This file was deleted.

14 changes: 0 additions & 14 deletions public/docs/_examples/quickstart/ts/styles.1.css

This file was deleted.

2 changes: 2 additions & 0 deletions public/docs/_examples/styles.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* #docregion , quickstart */
/* Master Styles */
h1 {
color: #369;
Expand All @@ -12,6 +13,7 @@ h2, h3 {
body {
margin: 2em;
}
/* #enddocregion quickstart */
body, input[text], button {
color: #888;
font-family: Cambria, Georgia;
Expand Down
9 changes: 9 additions & 0 deletions public/docs/dart/latest/_util-fns.jade
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,15 @@ include ../../../_includes/_util-fns
- var _indexHtmlDir = 'web';
- var _mainDir = 'web';

//- NgModule related
- var _AppModuleVsAppComp = 'AppComponent'
- var _appModuleTsVsAppCompTs = 'app/app_component.dart'
- var _appModuleTsVsMainTs = 'web/main.dart'
- var _bootstrapModule = 'bootstrap'
- var _moduleVsComp = 'component'
- var _moduleVsRootComp = 'root component'
- var _platformBrowserDynamicVsBootStrap = 'bootstrap'

//- Deprecated
mixin liveExampleLink(linkText, exampleUrlPartName)
- var text = linkText || 'live example';
Expand Down
35 changes: 15 additions & 20 deletions public/docs/dart/latest/quickstart.jade
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
extends ../../ts/_cache/quickstart.jade
extends ../../ts/latest/quickstart.jade

block includes
include _util-fns
- var _Install = 'Get'
- var _prereq = 'the Dart SDK'
- var _angular_browser_uri = 'package:angular2/platform/browser.dart'
- var _angular_core_uri = 'package:angular2/core.dart'
- var _angular_browser_uri = 'angular2/platform/browser.dart'
- var _angular_core_uri = 'angular2/core.dart'
- var _stepInit = 3
- var _quickstartSrcURL='https://github.com/angular-examples/quickstart'

block setup-tooling
:marked
Expand All @@ -20,9 +22,6 @@ block setup-tooling
[DT]: https://www.dartlang.org/tools/
[pub]: https://www.dartlang.org/tools/pub/

block download-source
// exclude this section from Dart

block package-and-config-files
:marked
In the project folder just created, create a file named
Expand Down Expand Up @@ -59,9 +58,6 @@ block create-main
li a #[b folder named #[code web]]
li a <b>file named #[code #[+adjExPath('app/main.ts')]]</b> with the following content:

block index-html-commentary-for-ts
//- N/A

block run-app
p.
We have a few options for running our app.
Expand All @@ -87,22 +83,23 @@ block build-app
in the [proper folders](#wrap-up),
and run `pub get`.

.l-verbose-section
h3#section-angular-run-app Building the app (generating JavaScript)

.l-verbose-section#section-angular-run-app
:marked
### Building the app (generating JavaScript)

Before deploying the app, we need to generate JavaScript files.
The `pub build` command makes that easy.

code-example(language="sh").
&gt; <span class="blk">pub build</span>
Loading source assets...

p.
:marked
The generated JavaScript appears, along with supporting files,
under a directory named <code>build</code>.
under a directory named `build`.

h4#angular_transformer Using the Angular transformer
#angular_transformer
h4 Using the Angular transformer

p.
When generating JavaScript for an Angular app,
Expand All @@ -124,7 +121,7 @@ block build-app
<a href="https://github.com/angular/angular/wiki/Angular-2-Dart-Transformer">Angular
transformer wiki page</a>.

#performance.l-sub-section
.l-sub-section#performance
h3 Performance, the transformer, and Angular 2 libraries
p.
When an app imports <code>bootstrap.dart</code>,
Expand All @@ -136,7 +133,8 @@ block build-app
(<code>entry_points</code> in <code>pubspec.yaml</code>)
so that they don't use mirrors.

h4#dart_to_js_script_rewriter Using dart_to_js_script_rewriter
#dart_to_js_script_rewriter
h4 Using dart_to_js_script_rewriter

:marked
To improve the app's performance, convert the
Expand Down Expand Up @@ -203,6 +201,3 @@ block project-files
index.html,
pubspec.yaml,
styles.css`)

block what-next-ts-overhead
//- N/A
Loading