Fundamentos de AngularDart

Seminario de AngularDart durante el Dart Flight School Granada

Transcript

1. Esteban Dorado | March 2014 #DartFlyGRX #DartFly
2. Welcome to Angular • An open-source Dart framework, maintained by Google • Assists with running single-page applications (SPA) • The library reads in HTML that contains additional custom tag attributes • Exists in 2 flavors: AngularJS & AngularDart
3. • AngularDart API are class based • Same great framework but as a Dart Dialect • The framework uses injection by type instead of injection by name.
4. Angular Principles Boilerplate D.R.Y. Testability Structure
5. Manages Notifies Observes Controller (Dart Objects) View (DOM) RAM Model (Dart Objects) <div> <span> <ul> <li> Structure: Model-View-Controller
6. class Person { String name; } <div person> Hi, {{ctrl.person.name}} </div> @NgController( selector: '[person]', publishAs: 'ctrl' ) class Controller { Person person = new Person(); Controller() { person.name = 'Bob'; } } Model: View: Controller: (demo controller)
7. Structure project Example
8. Code time!
9. More Info Tutorial: https://angulardart.org/tutorial/ API info: https://docs.angulardart.org/ Your favorite location...