Test it out!

• Run gulp watch to build, serve, and watch Ionic & playground
• Run gulp karma-watch while gulp watch is running to watch tests.
• All test files must be suffixed with .spec.js. Don't put a test as a sibling of a normal file, or import will decide the .spec.jsis the same as the .js.

Building & Running

• gulp watch
• python -m SimpleHTTPServer ./dist
• open http://localhost:9000/e2e/aside/basic/index.html
• Follow the structure found in src/components/aside/examples/basic to create more examples.
  • The biggest thing to remember: your app has to import its dependencies with the app/ prefix. For example import {Apple} from 'app/apple'; would import apple.js in your example app.

Build

• JSCS
• JSHint (or TypeScript variant)

Current Focus

Build/Angular2

• Build system
• Repo structure overlord
• ES6/Angular2/Component conventions
• Global/Attribute config system
• Dynamically assign behaviors/templates per config

HTML/CSS/Transitions

• Markup structure
• SCSS
• View transitions
• Core View History/Navigation system
• Routing
• Snapshot

Gestures

• Gesture system
• Linear constraints
• Auto layout
• Class/inheritance system
• Translate native concepts to the web

Make it so

<nav-view>
  <aside left/>
  <aside right/>
  <aside top/>
  <view cached/>
  <view cached/>
  <view cached/>
  <tabs active>
    <tab selected>
      <nav-view>
        <aside left/>
        <aside right/>
        <view active/>
        <view cached/>
        <view cached/>
      </nav-view>
    </tab>
    <tab deselected>
      <nav-view>
        <aside/>
        <view cached/>
        <view active/>
        <tabs cached>
          <tab deselected>
            <nav-view>
              <aside left/>
              <aside bottom/>
              <view active/>
              <view cached/>
              <view cached/>
            </nav-view>
          </tab>
          <tab selected>
            <nav-view>
              <view cached/>
              <view active/>
            </nav-view>
          </tab>
        </tab>
      </nav-view>
    </tab>
  </tab>
  <view cached/>
</nav-view>