Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

309 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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
  • httpster
  • 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>

About

Advanced HTML5 mobile development framework and SDK. Build incredible mobile apps with web technologies you already know and love. Best friends with AngularJS.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages