Discover Angular - Meetup 15/02/2017
•
1 like•47 views
Dart (https://www.dartlang.org/) is a general-purpose programming language to build web, server, IoT and mobile applications. AngularDart (https://webdev.dartlang.org/angular) - also called Angular 2 for Dart or simply Angular - is a web app framework that focuses on productivity, performance, and stability. Hundreds of Google engineers use AngularDart to build the sophisticated, mission-critical apps that bring in much of Google’s revenue. Flutter (https://www.flutter.io/) is a promising project to build mobile apps for iOS and Android from a single codebase in Dart. Dart, AngularDart and Flutter significantly increase the productivity of the developers. Slides from following meetup https://www.meetup.com/Luxembourg-Dart-Lang-Meetup/events/237012072/
Recommended
More Related Content
Similar to Discover Angular - Meetup 15/02/2017
Similar to Discover Angular - Meetup 15/02/2017 (20)
More from Stéphane Este-Gracias
More from Stéphane Este-Gracias (10)
Recently uploaded
Recently uploaded (20)
Discover Angular - Meetup 15/02/2017
- 1. DISCOVER ANGULAR DART STÉPHANE ESTE-GRACIAS - 15/02/2017
- 3. INTRODUCTION
- 4. DISCOVER ANGULAR DART - INTRODUCTION ANGULAR DART: ORIGINS ▸ Open Source Software under a MIT license ▸ Mainly developed by Google engineers ▸ Pitfall and best practices from AngularJS 1.x ▸ AngularDart 1.5 was the sandbox for AngularJS/Dart 2.x ▸ AngularDart 2.x now
- 5. DISCOVER ANGULAR DART - INTRODUCTION ANGULAR DART: GOALS ▸ Help developers build ▸ Web Applications ▸ Single Page Application (SPA) ▸ Productivity ▸ Performance ▸ Stability
- 7. DISCOVER ANGULAR DART - GETTING STARTED INSTALL ANGULAR DART ON YOUR FAVORITE PLATFORM ▸ Install Dart on MacOS, Linux Ubuntu/Debian, Windows ▸ Install an IDE ▸ Recommended: WebStorm ▸ Dart Plugins available for ▸ Atom, Sublime Text 3, Visual Studio Code, Emacs, Vim
- 8. DISCOVER ANGULAR DART - FRAMEWORK ANGULAR DART FRAMEWORK HTML + CSS COMPONENT “binding” @Input properties “events” @Output streams
- 9. DISCOVER ANGULAR DART - FRAMEWORK ANGULAR DART FRAMEWORK HTML + CSS COMPONENT “binding” @Input properties “events” @Output streams DIRECTIVES DI Dependancy Injection
- 10. HELLO WORLD
- 11. DISCOVER ANGULAR DART - HELLO WORLD HELLO WORLD: PUBSPEC.YAML name: angular description: QuickStart version: 0.0.1 environment: sdk: '>=1.19.0 <2.0.0' dependencies: angular2: ^2.2.0 dev_dependencies: browser: ^0.10.0 dart_to_js_script_rewriter: ^1.0.1 transformers: - angular2: platform_directives: - 'package:angular2/common.dart#COMMON_DIRECTIVES' platform_pipes: - 'package:angular2/common.dart#COMMON_PIPES' entry_points: web/main.dart - dart_to_js_script_rewriter
- 12. DISCOVER ANGULAR DART - HELLO WORLD HELLO WORLD: APP_COMPONENT.HTML import 'package:angular2/core.dart'; @Component( selector: ‘my-app', template: '<h1>Hello {{name}}</h1>’ ) class AppComponent { var name = 'Angular'; }
- 13. DISCOVER ANGULAR DART - HELLO WORLD HELLO WORLD: INDEX.HTML <!DOCTYPE html> <html> <head> <title>Hello Angular</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="styles.css"> <script defer src=“main.dart" type=“application/dart”> </script> <script defer src=“packages/browser/dart.js"> </script> </head> <body> <my-app> Loading AppComponent content here … </my-app> </body> </html>
- 14. DISCOVER ANGULAR DART - HELLO WORLD HELLO WORLD: MAIN.DART import 'package:angular2/platform/browser.dart'; import 'package:hello/app_component.dart'; void main() { bootstrap(AppComponent); }
- 15. DISCOVER ANGULAR DART - HELLO WORLD HELLO WORLD: RESULT
- 16. COMMUNITY
- 17. DISCOVER ANGULAR DART - COMMUNITY EVENTS ▸ Dart Events https://events.dartlang.org ▸ Dart Developper Summit https://events.dartlang.org/2016/summit/ https://www.youtube.com/playlist?list=PLOU2XLYxmsILKY- A1kq4eHMcku3GMAyp2 ▸ Meetup Luxembourg Dart Lang https://www.meetup.com/Luxembourg-Dart-Lang-Meetup/
- 18. DISCOVER ANGULAR DART - COMMUNITY USEFUL LINKS ▸ AngularDart website https://webdev.dartlang.org/ ▸ Questions on StackOverflow http://stackoverflow.com/tags/angular-dart ▸ Chat on Gitter https://gitter.im/dart-lang/angular2 ▸ Source code on Github https://github.com/dart-lang/angular2
- 19. Q&A