Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

هیبرید کارا، از رویا تا واقعیت!

828 views

Published on

هیبرید کارا، از رویا تا واقعیت!

Published in: Education
  • Be the first to comment

  • Be the first to like this

هیبرید کارا، از رویا تا واقعیت!

  1. 1. ‫‌ﭘﯿﻤﺎ‬‫ﺽض‬‫ﺍاﺭر‬ ‫ﻓﺮﯾﺪ‬ ‫‌ﺗﻞ‬‫ﯽ‬‫ﺁآﺗ‬ ‫ﺷﺮﮐﺖ‬ ‫ﻣﺤﺼﻮﻝل‬ ‫ﻣﺪﯾﺮ‬ @FaridArzpeyma
  2. 2. import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: '<h1>My First Angular 2 App</h1>' }) export class AppComponent { } bootstrap(AppComponent); import 'package:angular2/angular2.dart'; import 'package:angular2/bootstrap.dart'; @Component(selector: 'my-app', template: '<h1>My First Angular 2 App</h1>') class AppComponent {} main() { bootstrap(AppComponent); } var AppComponent = React.createClass({ propTypes: { children: React.PropTypes.element.isRequired }, render: function() { return (<h1>My First Angular 2 App</h1>); } });
  3. 3. import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: '<h1>My First Angular 2 App</h1>' }) export class AppComponent { } bootstrap(AppComponent); import 'package:angular2/angular2.dart'; import 'package:angular2/bootstrap.dart'; @Component(selector: 'my-app', template: '<h1>My First Angular 2 App</h1>') class AppComponent {} main() { bootstrap(AppComponent); } var AppComponent = React.createClass({ propTypes: { children: React.PropTypes.element.isRequired }, render: function() { return (<h1>My First Angular 2 App</h1>); } });
  4. 4. angular.module(‘myApplication’,[]).directive(“myApp”, ['$scope',function($scope) { return { replace: true, template: '<h1>My First Angular 2 App</h1>' }; }]); var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; define(["require", "exports", 'angular2/core'], function (require, exports, core_1) { var AppComponent = (function () { function AppComponent() { } AppComponent = __decorate([ core_1.Component({ selector: 'my-app', template: '<h1>My First Angular 2 App</h1>' }) ], AppComponent); return AppComponent; })(); exports.AppComponent = AppComponent; bootstrap(AppComponent); });
  5. 5. !‫ﻭوﺍاﻗﻌﯿﺖ‬ ‫ﺗﺎ‬ ‫ﺭرﻭوﯾﺎ‬ ‫ﺍاﺯز‬ ،‫ﺍا‬‫ﺭر‬‫ﮐﺎ‬ ‫ﻫﯿﺒﺮﯾﺪ‬

×