update polymer related info to 0.8.7

src/site/docs/tutorials/polymer-intro/index.markdown

 ---
 layout: default
 title: "Define a Custom Element"
 description: "Create a custom HTML element using Polymer."
 has-permalinks: true
 tutorial:
   id: polymer-intro
 next: fetchdata
 next-title: "Fetch Data Dynamically"
 prev: shared-pkgs
@@ skipping 31 matching lines @@
 <h3>Create a custom HTML element using Polymer</h3>
 </div>
 
 A custom element is an HTML element you can define yourself,
 encapsulating appearance and/or behavior
 within semantically meaningful HTML.
 
 <aside class="alert">
 <strong>Version Note:</strong> The code sample and the content
 of this tutorial are compatible with
-<a href="https://pub.dartlang.org/packages/polymer#versions">polymer.dart 0.8.1</a>.
+<a href="https://pub.dartlang.org/packages/polymer#versions">polymer.dart 0.8.7</a>.
 </aside>
 
 <aside class="alert alert-info">
   Custom elements are one feature of
 <a href="http://www.polymer-project.org/"
    target="_blank">Polymer</a>,
 a new type of library for the web based on Web Components.
 <a href="http://www.dartlang.org/polymer-dart/"
    target="_blank">Polymer.dart</a>
 is the Dart implementation of Polymer.
@@ skipping 113 matching lines @@
 If you are using command line tools,
 you can run it with the command `pub install`.
 
 ##Including Polymer.dart in your application {#bootstrap}
 
 To use Polymer.dart features such as custom elements,
 you need to include Polymer in both
 the HTML side and the Dart side of your app.
 
 * In the primary HTML file for your app,
-include `packages/polymer/boot.js`
+import `package:polymer/init.dart` within a &lt;script&gt; tag
 in the &lt;head&gt; section.
-When using this script,
-you do not need to define a top-level `main()` function,
-although you can.
-**Note:** Use this script instead of `packages/browser/dart.js`.
+This script contains the `main()` function
+for the app and initializes Polymer.
+
+  ![Include the Polymer init script](images/init-script.png)
+
+* In the primary HTML file for your app,
+include the `packages/browser/dart.js` bootstrap script
+in the &lt;head&gt; section.
 
   ![Include the Polymer bootstrap script](images/bootstrap-script.png)
 
 * In your Dart code, import the Polymer library:
 
   ![Import the Polymer library](images/polymer-library.png)
 
 ##Instantiating a custom element {#instantiating}
 
 To create an instance of a custom element,
@@ skipping 105 matching lines @@
 ![The script code for the tute-stopwatch element](images/dart-script-code.png)
 
 Any Dart class that backs a Polymer element must subclass PolymerElement.
 
 {% comment %}
 [xx: more about PolymerElement]
 {% endcomment %}
 
 The class can respond to life-cycle milestones
 by overriding [life-cycle methods](#life-cycle-methods).
-For example, the TuteStopwatch class overrides the `inserted()`
+For example, the TuteStopwatch class overrides the `enteredView()`
 method&mdash;which is called when the element is inserted
 into the DOM&mdash;to initialize the app.
 
 The `start()` method is an event handler for the **Start** button.
 The event handler is declaratively connected to the button.
 Refer to [Setting up event handlers declaratively](#event-handlers) to see how.
 
 ##Overriding life-cycle methods {#life-cycle-methods}
 
 A custom element has four life-cycle methods
 that it can override:
 
 |---|---|
 | `created()` | Called when an instance of a custom element is created. |
-| `inserted()` | Called when an instance of a custom element is inserted into the DOM. |
-| `removed()` | Called when an instance of a custom element is removed from the DOM. |
+| `enteredView()` | Called when an instance of a custom element is inserted into the DOM. |
+| `leftView()` | Called when an instance of a custom element is removed from the DOM. |
 | `attributeChanged()` | Called when an attribute, such as `class`, of an instance of the custom element is added, changed, or removed. |
 {: .table}
 
 You can override any of these life-cycle methods.
 The overriding method
 *must* call the super class method first.
 
-The Stopwatch app overrides the `inserted()` method because it
+The Stopwatch app overrides the `enteredView()` method because it
 needs a reference to each of the three buttons
 so that it can enable and disable them.
 When a tute-stopwatch custom element is inserted into the DOM
 the buttons have been created, so the references to them
-will be available when the inserted() method is called.
+will be available when the enteredView() method is called.
 
 {% prettify dart %}
-void inserted() {
-  super.inserted();
+void enteredView() {
+  super.enteredView();
   startButton = $['startButton'];
   stopButton = $['stopButton'];
   resetButton = $['resetButton'];
       
   stopButton.disabled = true;
   resetButton.disabled = true;
 }
 {% endprettify %}
 
 The code uses _automatic node finding_, a Polymer feature,
@@ skipping 151 matching lines @@
 
 The next tutorial,
 [Fetch Data Dynamically](/docs/tutorials/fetchdata/),
 shows you how to fetch data
 and use JSON to encode and decode
 that data.
 
 {% endcapture %}
 
 {% include tutorial.html %}