Moving From AngularJS to Angular 2
Download as pptx, pdf2 likes407 views
This document provides an overview of moving from AngularJS to Angular 2, highlighting key differences and new concepts. It discusses why developers might want to use Angular 2 due to improvements in cross-platform support, performance, and tooling. Key changes include a new component-based architecture replacing controllers, services replacing providers/factories, and zones replacing $scope. Core concepts covered are components, dependency injection, data binding, modules, and metadata/decorators.
1 of 22
Downloaded 10 times
![Components Example
@Component({
selector: 'my-component',
providers: [MyService],
template: ‘<p *ngFor=”let item of list” (click)=”sendUpdate()”>{{ item }}</p>’,
styles: [‘p { font-size: 14px }’]
})
class MyComponent implements OnInit {
@Input() list;
@Output() update = new EventEmitter();
ngOnInit() { } // get async data
sendUpdate() { this.update.emit(‘some value’) }
}](https://image.slidesharecdn.com/techtalkangular2-160831072335/85/Moving-From-AngularJS-to-Angular-2-11-320.jpg)
![Dependency Injection Example
@Component({
...
providers: [MyService]
})
export class MyComponent {
constructor(private service: MyService) {} // inject here
ngOnInit() {
service.getList(); // this is just a dummy line
}
}](https://image.slidesharecdn.com/techtalkangular2-160831072335/85/Moving-From-AngularJS-to-Angular-2-12-320.jpg)
![Data Binding
• Interpolation
• Property binding (inputs)
• Event binding (outputs)
• Two-way binding
// example
<my-component [title]=”list” (update)=”getUpdate($event)”></my-component>](https://image.slidesharecdn.com/techtalkangular2-160831072335/85/Moving-From-AngularJS-to-Angular-2-13-320.jpg)
![Modules Example
import { NgModule } from ‘@angular/core’;
import { BrowserModule } from ‘@angular/platform-browser’;
Import { MyComponent } from ‘./my.component’;
@NgModule({
imports: [BrowserModule],
providers: [MyService],
declarations: [MyComponent, MyDirective, MyPipe],
bootstrap: [AppComponent]
})
export class AppModule { }](https://image.slidesharecdn.com/techtalkangular2-160831072335/85/Moving-From-AngularJS-to-Angular-2-16-320.jpg)
Ad
Recommended
Angular js for Beginnners
Angular js for BeginnnersSantosh Kumar Kar AngularJS is a JavaScript MVC framework that allows developers to create dynamic web applications. It uses HTML as the template language and allows two-way data binding between models and views. Some key features include directives, modules, controllers, services and filters. AngularJS applications can be unit tested and services can be injected for dependency injection. Routing in AngularJS allows single page applications without reloading the entire page.
Viper
ViperJacob Van Brunt The document discusses V.I.P.E.R., an architectural pattern for mobile applications. It consists of View, Interactor, Presenter, Entity, and Routing components. The View displays data from the Presenter without directly requesting it. The Interactor contains business logic independently of the user interface. The Presenter handles displaying views and communicating between View and Interactor. Entities are basic data models changed only by Interactors. Routing manages screen navigation. V.I.P.E.R. allows for testability and cross-platform logic but adds complexity compared to simpler architectures.
Introduction to Angular JS
Introduction to Angular JSSanthosh Kumar Srinivasan This presentation is an effort to combine all the cool features present in Angular and provide a basic idea about how it would help a developer overcome some of the common issues faced in client side development.
Introduction to VIPER Architecture
Introduction to VIPER ArchitectureHendy Christianto The base architecture of iOS is MVC (Model View Controller) which leads into known as Massive View Controller, where the View Controllers end up doing so many logic. It is easy to mix UI code and business logic together which is the wrong way to test the logic.
VIPER is one of a modern architecture made for this issue. It is based by Uncle Bob's Clean Architecture. It use the Separation of Concern principle which make the code cleaner and easy to maintenance.
Infinum iOS Talks #2 - VIPER for everybody by Damjan Vujaklija
Infinum iOS Talks #2 - VIPER for everybody by Damjan VujaklijaInfinum We'll do a short overview of VIPER and then we'll cover our customized version of VIPER. We will discuss our project and module generator tools, numerous tips and tweaks which will make VIPER more accessible and easier to use without sacrificing its main features.
Angular JS Indtrodution
Angular JS Indtrodutionadesh21 Follow me on Instagram: @__a._.g___
Dm me if you want more educational or any other ppt
Contact on Instagram
To learn basics of angular js you can refer this PPT
All the Basic concepts are mentioned in this PPT
Suggest in comment section if there is any mistake or want to add some more information
Understanding Facebook's React.js
Understanding Facebook's React.jsFederico Torre Slides on React.js covering the virtual DOM, JSX, components, component lifecycle, component state vs props
Lets go vanilla
Lets go vanillaRan Wahle The presentation discusses the evolution of browsers, JavaScript, and frameworks. It argues that while frameworks provide useful features like data binding and routing, they can also lock developers into certain approaches. Reinventing the wheel with vanilla JavaScript is possible using browser APIs and standards like custom elements, attributes, events, and the History API. Programming directly with vanilla JavaScript ensures familiarity with underlying capabilities and flexibility to choose the best tools.
Introducing angular
Introducing angularColumbia Developers Guild Here we provide a gentle introduction to AngularJS showcasing data binding and templates as we explore what it means for AmgularJS to be a client side MVC framework
React vs-angular-mobile
React vs-angular-mobileMichael Haberman This document compares Angular and React frameworks for mobile development, discussing hybrid solutions using Ionic and native solutions using React Native. It provides an overview of Angular and React, describing Angular as an MVC framework with two-way binding and React as a component-based library with unidirectional data flow. It then discusses Ionic as an Angular-based hybrid framework that allows access to some native APIs and React Native, which compiles JavaScript to native code for better performance and full native API access. In the comparison section, it summarizes that Ionic shares more code with the web but has limited performance and native capabilities, while React Native requires more platform-specific code but has native performance and full feature support.
Introduction to react
Introduction to reactkiranabburi The document summarizes Kiran Abburi's presentation on React. It covers:
1. The agenda includes basics of React, composition, data flow, JSX, React APIs, and building a todo app.
2. React is a JavaScript library for building user interfaces and uses a component-based approach to build encapsulated pieces.
3. Data in React flows in a uni-directional way through properties (props) and state, where props are passed from parent to child components and state is internal to a component.
React introduction
React introductionKashyap Parmar React is a JavaScript library for building user interfaces and applications. It uses components rather than templates, implements a one-way data flow downwards and re-renders components on data changes rather than mutating them directly. The virtual DOM in React allows for simple and fast re-rendering. Key aspects of React include components, one-way data flow, re-rendering without mutation, the virtual DOM, JSX syntax and React Native for building mobile apps. Flux is an architecture pattern used for state management in React, implementing unidirectional data flow through actions, a dispatcher, stores and views.
Marrying angular rails
Marrying angular railsVolker Tietz This document discusses best practices for integrating AngularJS with Rails applications. It covers loading Angular templates, managing dependencies with Bower, using services and directives, understanding the digest cycle, and setting up DI annotations. Testing templates with Karma and ng-html2js-preprocessor is also recommended. In general, the document advocates that AngularJS and Rails can work well together when templates are handled properly and dependencies are managed correctly.
2013 - Nate Abele Wield AngularJS like a Pro
2013 - Nate Abele Wield AngularJS like a ProPHP Conference Argentina The document provides an overview of key concepts in AngularJS including two-way data binding, templates, dependency injection, modules, controllers, directives, providers, services, factories, and filters. It also discusses tools for AngularJS like Yeoman, Bower, Batarang, and the AngularUI library which includes utilities, wrapper modules and standalone modules like UI Bootstrap and UI Router.
Reacting to the Isomorphic Buzz
Reacting to the Isomorphic BuzzBruce Coddington Slides from the NEJSConf talk about using React to build server rendered, universal, Javascript applications.
Understanding Javascript AJAX - Imrokraft
Understanding Javascript AJAX - Imrokraftimrokraft Imrokraft provides top training in Web Designing in trivandrum, advanced training in web development in trivandrum, the best android in center in trivandrum, advanced android training in trivandrum, python training in kerala, php training institute in trivandrum, java training center in trivandrum, java training in technopark. We offer free workshop on android application development, free workshop in software testing, free workshop on responsive web designing, free workshop on php. We have centers in Technopark and Thampanoor.
Our contact No: 04716555644, 0471 6555744. Website: http://www.imrokraft.com
From ActiveRecord to EventSourcing
From ActiveRecord to EventSourcingEmanuele DelBono This document discusses moving away from an ActiveRecord pattern to using events and CQRS architecture. It describes capturing all changes as a sequence of events stored in an event store. Events are raised by domain models and handled asynchronously. Reads and writes are separated, with denormalized data stored in a read database. This allows for simpler domain models focused on objects and events rather than data access. Code examples demonstrate raising domain events, handling commands, and updating read models from stored events.
Infinum iOS Talks #4 - Making our VIPER more reactive
Infinum iOS Talks #4 - Making our VIPER more reactiveInfinum The document discusses Reactive VIPER and RxSwift. It introduces the VIPER architecture, which splits up the view controller into four main components: view, interactor, presenter, and wireframe. RxSwift is described as a library that uses functional reactive programming concepts to provide a declarative way to compose and transform observable sequences. Some key benefits of RxSwift mentioned are that it unifies various design patterns, enables building apps in a declarative reactive style, and treats observers and iterators as mathematical duals.
Angular js
Angular jsRajashekar Bhagavatula This document provides an agenda and overview of key concepts in AngularJS including controllers and views, services, filters, routing, and directives. It discusses how AngularJS uses MVC architecture with two-way data binding between models, controllers, and views. Core components like controllers, directives, and filters are explained alongside examples of how to use ng-model, ng-if, ng-repeat and other Angular directives to build the view layer. Common services like $http and $q that provide asynchronous functionality are also summarized.
AngularJS
AngularJSMalin De Silva How to get started with AngularJS along with the key directives used at the beginning is described here.
Binary Studio Academy PRO. JS course. Lecture 2. backbone
Binary Studio Academy PRO. JS course. Lecture 2. backboneBinary Studio This document discusses Backbone and underscore.js libraries. It provides an overview of the main collections, functions, and utility methods available in underscore.js including each, filter, map, reduce, and templates. It also summarizes key aspects of Backbone including its emphasis on event-driven development, implementation of REST, and usage of core components like Models, Collections, Views and Routers.
Angular js
Angular jsBaldeep Sohal AngularJS is an open-source JavaScript framework for building client-side web applications. It facilitates the creation of single-page applications using Model-View-Controller architecture. Key aspects of AngularJS include data binding, directives, dependency injection, services, filters and forms. It promotes declarative programming for templates and imperative code for controllers and logic. AngularJS makes it easier to write modular code through services and dependency injection. It also simplifies communication with backend servers via the $http service and $resource for RESTful APIs.
React.js - and how it changed our thinking about UI
React.js - and how it changed our thinking about UIMarcin Grzywaczewski This document discusses React.js and how it changed the author's thinking about building user interfaces (UI). It describes how developing UI was previously slow, error-prone, and not fun using Handlebars templates, jQuery DOM manipulation, and redrawing on every change. React.js introduced a declarative and component-based approach that is faster, less error-prone, and more enjoyable. Components have properties (props) and state, re-render only when needed for performance, and can be reused and remain independent. This new approach to UI development freed the author to focus more on experimentation rather than fighting the framework.
AngularJS
AngularJSLearningTech This document provides an overview of AngularJS including:
- What AngularJS is and its features such as directives, filters, data binding, views, controllers and scope
- How it can be used to build single page applications (SPAs)
- Key directives like ng-app, ng-bind, and ng-model
- How to use filters, iterate with ng-repeat, and bind data
- The roles of views, controllers and scopes in AngularJS
- How to create controllers within modules and use factories
- How to create custom directives
- The differences between values, services, factories and providers
- How $watch and $watchCollection work
modularity à la taliban
modularity à la talibanjonsterling This document discusses an approach to separating state management from view controllers in ReactiveCocoa apps. It proposes differentiating state from input signals, keeping state in separate model objects, and exposing view models and state models to view controllers through protocol signatures rather than concrete classes. This allows view controllers to remain agnostic of the underlying implementation details and structures used for state management and view modeling.
Angular js 2.0, ng poznań 20.11
Angular js 2.0, ng poznań 20.11Kamil Augustynowicz Presentation on some of AngularJS 2.0 features that are going to change the framework and how to get involved in the discussion about it.
Scheduler_session
Scheduler_sessionshivani garg The document discusses the Apache Sling Scheduler which enables scheduling jobs within an application. Jobs can be executed at specific times or regularly using cron expressions. The scheduler can be used by registering jobs through the scheduler API or leveraging the whiteboard pattern. It also discusses how to write jobs as job producers and consumers, with job producers adding jobs to queues and job consumers processing jobs. References are provided for learning more about schedulers, cron expressions, and Apache Sling jobs.
Hojadevidapersonal1.docx
Hojadevidapersonal1.docxAleja Chalama Este documento presenta el perfil profesional y la formación académica de Deysy Cristina Pantoja Tello. Ella tiene 31 años, es soltera, y vive en Tuquerres, Nariño. Ha tomado varios cursos en informática y ofimática a través del SENA y Vive Digital. Tiene un título de bachiller académico de 2008. Su experiencia laboral más reciente fue como vendedora para Surti Insumos de 2009 a 2016.
Casos
CasosAleja Chalama Este documento presenta las soluciones a 4 casos planteados relacionados con el reglamento de aprendices del SENA. Resume cada caso y la respuesta correspondiente citando los artículos y puntos del reglamento aplicables. También explica brevemente las medidas formativas y sanciones que el SENA puede imponer a los aprendices, así como algunos incentivos como menciones de honor o pasantías de intercambio.
More Related Content
What's hot (20)
Introducing angular
Introducing angularColumbia Developers Guild Here we provide a gentle introduction to AngularJS showcasing data binding and templates as we explore what it means for AmgularJS to be a client side MVC framework
React vs-angular-mobile
React vs-angular-mobileMichael Haberman This document compares Angular and React frameworks for mobile development, discussing hybrid solutions using Ionic and native solutions using React Native. It provides an overview of Angular and React, describing Angular as an MVC framework with two-way binding and React as a component-based library with unidirectional data flow. It then discusses Ionic as an Angular-based hybrid framework that allows access to some native APIs and React Native, which compiles JavaScript to native code for better performance and full native API access. In the comparison section, it summarizes that Ionic shares more code with the web but has limited performance and native capabilities, while React Native requires more platform-specific code but has native performance and full feature support.
Introduction to react
Introduction to reactkiranabburi The document summarizes Kiran Abburi's presentation on React. It covers:
1. The agenda includes basics of React, composition, data flow, JSX, React APIs, and building a todo app.
2. React is a JavaScript library for building user interfaces and uses a component-based approach to build encapsulated pieces.
3. Data in React flows in a uni-directional way through properties (props) and state, where props are passed from parent to child components and state is internal to a component.
React introduction
React introductionKashyap Parmar React is a JavaScript library for building user interfaces and applications. It uses components rather than templates, implements a one-way data flow downwards and re-renders components on data changes rather than mutating them directly. The virtual DOM in React allows for simple and fast re-rendering. Key aspects of React include components, one-way data flow, re-rendering without mutation, the virtual DOM, JSX syntax and React Native for building mobile apps. Flux is an architecture pattern used for state management in React, implementing unidirectional data flow through actions, a dispatcher, stores and views.
Marrying angular rails
Marrying angular railsVolker Tietz This document discusses best practices for integrating AngularJS with Rails applications. It covers loading Angular templates, managing dependencies with Bower, using services and directives, understanding the digest cycle, and setting up DI annotations. Testing templates with Karma and ng-html2js-preprocessor is also recommended. In general, the document advocates that AngularJS and Rails can work well together when templates are handled properly and dependencies are managed correctly.
2013 - Nate Abele Wield AngularJS like a Pro
2013 - Nate Abele Wield AngularJS like a ProPHP Conference Argentina The document provides an overview of key concepts in AngularJS including two-way data binding, templates, dependency injection, modules, controllers, directives, providers, services, factories, and filters. It also discusses tools for AngularJS like Yeoman, Bower, Batarang, and the AngularUI library which includes utilities, wrapper modules and standalone modules like UI Bootstrap and UI Router.
Reacting to the Isomorphic Buzz
Reacting to the Isomorphic BuzzBruce Coddington Slides from the NEJSConf talk about using React to build server rendered, universal, Javascript applications.
Understanding Javascript AJAX - Imrokraft
Understanding Javascript AJAX - Imrokraftimrokraft Imrokraft provides top training in Web Designing in trivandrum, advanced training in web development in trivandrum, the best android in center in trivandrum, advanced android training in trivandrum, python training in kerala, php training institute in trivandrum, java training center in trivandrum, java training in technopark. We offer free workshop on android application development, free workshop in software testing, free workshop on responsive web designing, free workshop on php. We have centers in Technopark and Thampanoor.
Our contact No: 04716555644, 0471 6555744. Website: http://www.imrokraft.com
From ActiveRecord to EventSourcing
From ActiveRecord to EventSourcingEmanuele DelBono This document discusses moving away from an ActiveRecord pattern to using events and CQRS architecture. It describes capturing all changes as a sequence of events stored in an event store. Events are raised by domain models and handled asynchronously. Reads and writes are separated, with denormalized data stored in a read database. This allows for simpler domain models focused on objects and events rather than data access. Code examples demonstrate raising domain events, handling commands, and updating read models from stored events.
Infinum iOS Talks #4 - Making our VIPER more reactive
Infinum iOS Talks #4 - Making our VIPER more reactiveInfinum The document discusses Reactive VIPER and RxSwift. It introduces the VIPER architecture, which splits up the view controller into four main components: view, interactor, presenter, and wireframe. RxSwift is described as a library that uses functional reactive programming concepts to provide a declarative way to compose and transform observable sequences. Some key benefits of RxSwift mentioned are that it unifies various design patterns, enables building apps in a declarative reactive style, and treats observers and iterators as mathematical duals.
Angular js
Angular jsRajashekar Bhagavatula This document provides an agenda and overview of key concepts in AngularJS including controllers and views, services, filters, routing, and directives. It discusses how AngularJS uses MVC architecture with two-way data binding between models, controllers, and views. Core components like controllers, directives, and filters are explained alongside examples of how to use ng-model, ng-if, ng-repeat and other Angular directives to build the view layer. Common services like $http and $q that provide asynchronous functionality are also summarized.
AngularJS
AngularJSMalin De Silva How to get started with AngularJS along with the key directives used at the beginning is described here.
Binary Studio Academy PRO. JS course. Lecture 2. backbone
Binary Studio Academy PRO. JS course. Lecture 2. backboneBinary Studio This document discusses Backbone and underscore.js libraries. It provides an overview of the main collections, functions, and utility methods available in underscore.js including each, filter, map, reduce, and templates. It also summarizes key aspects of Backbone including its emphasis on event-driven development, implementation of REST, and usage of core components like Models, Collections, Views and Routers.
Angular js
Angular jsBaldeep Sohal AngularJS is an open-source JavaScript framework for building client-side web applications. It facilitates the creation of single-page applications using Model-View-Controller architecture. Key aspects of AngularJS include data binding, directives, dependency injection, services, filters and forms. It promotes declarative programming for templates and imperative code for controllers and logic. AngularJS makes it easier to write modular code through services and dependency injection. It also simplifies communication with backend servers via the $http service and $resource for RESTful APIs.
React.js - and how it changed our thinking about UI
React.js - and how it changed our thinking about UIMarcin Grzywaczewski This document discusses React.js and how it changed the author's thinking about building user interfaces (UI). It describes how developing UI was previously slow, error-prone, and not fun using Handlebars templates, jQuery DOM manipulation, and redrawing on every change. React.js introduced a declarative and component-based approach that is faster, less error-prone, and more enjoyable. Components have properties (props) and state, re-render only when needed for performance, and can be reused and remain independent. This new approach to UI development freed the author to focus more on experimentation rather than fighting the framework.
AngularJS
AngularJSLearningTech This document provides an overview of AngularJS including:
- What AngularJS is and its features such as directives, filters, data binding, views, controllers and scope
- How it can be used to build single page applications (SPAs)
- Key directives like ng-app, ng-bind, and ng-model
- How to use filters, iterate with ng-repeat, and bind data
- The roles of views, controllers and scopes in AngularJS
- How to create controllers within modules and use factories
- How to create custom directives
- The differences between values, services, factories and providers
- How $watch and $watchCollection work
modularity à la taliban
modularity à la talibanjonsterling This document discusses an approach to separating state management from view controllers in ReactiveCocoa apps. It proposes differentiating state from input signals, keeping state in separate model objects, and exposing view models and state models to view controllers through protocol signatures rather than concrete classes. This allows view controllers to remain agnostic of the underlying implementation details and structures used for state management and view modeling.
Angular js 2.0, ng poznań 20.11
Angular js 2.0, ng poznań 20.11Kamil Augustynowicz Presentation on some of AngularJS 2.0 features that are going to change the framework and how to get involved in the discussion about it.
Scheduler_session
Scheduler_sessionshivani garg The document discusses the Apache Sling Scheduler which enables scheduling jobs within an application. Jobs can be executed at specific times or regularly using cron expressions. The scheduler can be used by registering jobs through the scheduler API or leveraging the whiteboard pattern. It also discusses how to write jobs as job producers and consumers, with job producers adding jobs to queues and job consumers processing jobs. References are provided for learning more about schedulers, cron expressions, and Apache Sling jobs.
Viewers also liked (16)
Hojadevidapersonal1.docx
Hojadevidapersonal1.docxAleja Chalama Este documento presenta el perfil profesional y la formación académica de Deysy Cristina Pantoja Tello. Ella tiene 31 años, es soltera, y vive en Tuquerres, Nariño. Ha tomado varios cursos en informática y ofimática a través del SENA y Vive Digital. Tiene un título de bachiller académico de 2008. Su experiencia laboral más reciente fue como vendedora para Surti Insumos de 2009 a 2016.
Casos
CasosAleja Chalama Este documento presenta las soluciones a 4 casos planteados relacionados con el reglamento de aprendices del SENA. Resume cada caso y la respuesta correspondiente citando los artículos y puntos del reglamento aplicables. También explica brevemente las medidas formativas y sanciones que el SENA puede imponer a los aprendices, así como algunos incentivos como menciones de honor o pasantías de intercambio.
Zimmilo ENG July 2016
Zimmilo ENG July 2016Roman Ruzinsky This document provides an overview of the Forex Made Easy webinar presented by Zimmilo. It discusses the Forex market and how Zimmilo teaches easy and risk-mitigated strategies for participating. Zimmilo partners with IronFX brokerage and offers a portfolio management product that professionally manages trading accounts. The rewards plan generates revenue from trading fees and commissions on introduced clients' trading down 7 levels.
Resume_Mayalagu updated
Resume_Mayalagu updatedMayalagu Karuppiah This document contains a resume for K.Mayalagu, who has over 8 years of experience as a Network Engineer. He has worked with various networking technologies such as Cisco Nexus, Catalyst, and ASR switches and routers. He is experienced in firewall configuration and troubleshooting for Cisco ASA, Juniper SRX, Sonicwall, and Fortinet devices. He has expertise in technologies like VPN, WLAN, routing protocols, switching, and network monitoring tools. His educational qualifications include a Diploma in Computer Technology and pursuing a B.Tech in Electronics and Communication. He is currently working as a Senior Network Engineer at Kelly Services supporting Autodesk networks.
El romance tg
El romance tgCristina Dassum El romance es una composición lírica española de origen medieval que consta de ocho versos de sílabas con rima asonante en los versos pares. Surge de la fragmentación de los cantares de gesta transmitidos oralmente por juglares. Los romances tratan temas históricos, legendarios o inspirados en el folclore. Se recopilan en el Romancero y se clasifican en heroico-caballerescos, históricos, novelescos o líricos. Siguen la estructura del octosílabo con rima alterna y se
Flyer 4x9
Flyer 4x9Florence Turk Weber This document provides information about a flavor development company called The Florence Group. The company offers new flavor development, provides free samples with documentation, and has very small minimum quantities and competitive pricing for a wide range of flavors. They also offer gas chromatography–mass spectrometry analysis and courses to prepare people to become certified flavor chemists. The document promotes Florence Weber as the proven industry leader of The Florence Group with over 50 years of experience in the food and flavor industry.
progress_PPT
progress_PPTPranjal Barman This document summarizes a study on an electronic differential system for an electric vehicle. It discusses work completed in the previous year, including coursework and preliminary prototype implementation. It then provides an overview of the research topic, prototype design, control strategies, publications, and conclusions. The research focuses on designing an electronic differential system to replace complex mechanical differentials. A preliminary prototype was created using a DC motor with a single wheel speed reference. Further work will explore improving vehicle stability and traction control.
Harinanden New Resume v5
Harinanden New Resume v5Harinanden VK Harinanden has over 15 years of experience in finance and accounting. He currently works as an Assistant Vice President at Barclays Shared Services, where he supports the BarclayCard BP&A team in cost analysis and reporting. Previously, he has held roles at McKinsey & Company as a senior analyst and at HP as a finance and pricing analyst. Harinanden holds an MBA in Finance and has additional certifications in business analytics, lean awareness training, and first aid. He is proficient in Cognos, Hyperion, SQL, and Microsoft Office applications.
R. Seth Penny-Percentage Paper
R. Seth Penny-Percentage PaperRohan Seth 1) The document examines whether using "penny" instead of "percentage" to describe economic policies in the UK distorts perceptions of their significance. It traces the historical origins of this practice back to the Napoleonic Wars, when penny was used because percentages were less familiar.
2) While penny avoids some ambiguity associated with percentages, its continued use distorts the interpretation of policies through its effect on language. Penny has little practical meaning today given inflation.
3) The document recommends replacing penny with percentage to minimize distortions and clarify policies' meanings. It suggests pursuing both a petition campaign and discussions with MPs to build support for the change.
(2011) Rigaud, David, Daudet - A Parametric Model of Piano Tuning
(2011) Rigaud, David, Daudet - A Parametric Model of Piano TuningFrançois Rigaud This document summarizes a parametric model of piano tuning that can generate tuning curves for an entire piano based on recordings of just a few isolated notes. It first introduces a 2-parameter model for the inharmonicity coefficient along the keyboard based on physical considerations of piano string design. It then proposes a 4-parameter model for the fundamental frequency evolution across the tessitura informed by tuning rules and accounting for the inharmonicity model. The overall model is shown to fit reference tuning data from 5 different pianos estimated from single note recordings, demonstrating its ability to approximate aural piano tuning across the instrument's range.
the 21st Century Digital Learner
the 21st Century Digital Learnercharmesintos123 The document discusses the skills needed for 21st century learners. It notes that new technologies are developing rapidly and changing how people live, work and learn. Several studies have identified common skills needed for success, including creativity, critical thinking, communication, collaboration, information management, technology use, career/life skills, and cultural awareness. Specific literacy skills are also discussed, such as information literacy, media literacy, and ICT literacy. The document concludes by listing additional skills and attributes important for 21st century learners such as communication, resilience, empathy, and critical thinking.
Ptpp5 kizomba
Ptpp5 kizombaDiana Berenice Rubio Hernández Este documento describe la kizomba, un género de música y baile originario de Angola. Explica que la kizomba surgió en la década de 1980 en Luanda como una fusión entre el tango y la bachata, y tiene sus raíces en la Semba. También destaca a Sara López y Albir Rojas como los mejores bailarines de kizomba, quienes enseñan este baile y ganan concursos, e identifica cuatro estilos de kizomba: Passada, Tarraxinha, Quadradrinha y Ventoinha
Eco borbur ingenieros constructores
Eco borbur ingenieros constructoresJennsy Gonzalez Este documento describe un proyecto de grado para crear una empresa de ingeniería y construcción llamada ECO-BORBUR en el municipio de San Pablo de Borbur, Colombia. La empresa se enfocará en proveer servicios de obras civiles y construcción ecológicamente sostenibles para satisfacer las necesidades de la región y aprovechar sus recursos naturales. El proyecto aplicará los conocimientos adquiridos en gestión de obras civiles y construcción para suplir la falta de profesionales en esta área en el municipio.
Smokeless tobacco
Smokeless tobaccoAnkit Verma Smokeless tobacco is not a safe alternative to smoking and is actually more hazardous. It contains 3-4 times more nicotine than cigarettes and carries serious health risks like oral cancer, high blood pressure, heart disease, and ulcers. While some think it avoids the harms of smoking, smokeless tobacco exposes users to 28 cancer-causing substances and increases the risk of oral cancers of the mouth, lips, tongue, throat, nose and larynx. Long term use can also lead to bad breath, tooth stains, gum recession and unsightly spitting or drooling of tobacco juice. The document provides tips for quitting such as setting a quit date, cutting back beforehand, getting support, and staying busy
Ad
Similar to Moving From AngularJS to Angular 2 (20)
Angular 2
Angular 2Nigam Goyal What is a Angular Js ?
What is the main benefits of Angular Js ?
What is the difference between Angular js 1 and Angular js 2 ?
Structure of Angular Js ?
Choose of Language|Editor ?
Introduction of Components.
Template, Interpolation and Directives.
Data Binding and Pipes.
,Angular 2 is Javascript framework
An afternoon with angular 2
An afternoon with angular 2Mike Melusky This document summarizes a presentation about Angular 2 given by Michael Melusky. The presentation covered introductions to Angular 2, TypeScript, components, data binding, communication between components, routing, directives, pipes, services, and integrating Firebase. It provided overviews and examples of key Angular 2 concepts like components, data binding, dependency injection, and services. It also explained how to set up an Angular 2 project using the Angular CLI and TypeScript basics.
Angular 2
Angular 2Travis van der Font Angular is a platform for building mobile and desktop web applications. It is no longer just a framework. Angular 2 offers improvements such as faster performance, modularity, support for modern browsers, and reactive programming using RxJS. Key parts of Angular include templates, directives, data binding, components, services, modules, and dependency injection. Features like Ahead-of-Time compilation and services improve app performance and reusability. TypeScript adds benefits like static typing and class-based programming.
An evening with Angular 2
An evening with Angular 2Mike Melusky This document summarizes a presentation about Angular 2 given by Michael Melusky. The presentation covered introductions to Angular 2, TypeScript, components, data binding, communication between components, routing, directives, pipes and filters, services, and Firebase integration. It provided examples of TypeScript code, Angular components, data binding syntax, using directives like ngIf and ngFor, and creating services to avoid duplicating code between components. The speaker's goal was to give an overview of the core aspects of building applications with Angular 2.
Angular2 with type script
Angular2 with type scriptRavi Mone Angular2 with Typescript,
NOTE : The content in the presentation was wrt the current version beta.14. May or may not valid when the version changes
Angular.ppt
Angular.pptMytrux1 This document provides an introduction to Angular 2, including why it was developed, its key features and components, and how to set up an Angular 2 development environment. Some of the main points covered include:
- Angular 2 is a rewrite of Angular 1 and focuses on components over controllers, uses TypeScript, and supports services and mobile development better.
- It introduces components, modules, templates, and metadata. Common components include modules, components, and services.
- To set up Angular 2, developers need to install Node.js, npm, and use the Angular CLI to generate projects, or clone the quick start repository. The Angular CLI helps to create, develop, and maintain
Dive into Angular, part 4: Angular 2.0
Dive into Angular, part 4: Angular 2.0Oleksii Prohonnyi This presentation has been prepared by Oleksii Prohonnyi for internal Angular.js training to improve skills of newbies in JS/Angular.
Part 1 (Introduction): http://www.slideshare.net/oprohonnyi/dive-into-angular-part-1-introduction
Part 2 (Architecture): http://www.slideshare.net/oprohonnyi/dive-into-angular-part-2-architecture
Part 3 (Performance): http://www.slideshare.net/oprohonnyi/dive-into-angular-part-3-performance
Part 5 (Experience): https://www.slideshare.net/oprohonnyi/dive-into-angular-part-5-experience
Angular2 Development for Java developers
Angular2 Development for Java developersYakov Fain This document provides an overview of Angular 2 development for Java developers. It discusses key aspects of Angular 2 including components, templates, data binding, dependency injection, and routing. It also covers TypeScript and how it adds types, classes and interfaces to JavaScript. The document uses examples to demonstrate classes, interfaces, generics, and inheritance in TypeScript.
Angular 2: What's New?
Angular 2: What's New?jbandi Angular 2 is a rewrite of AngularJS for modern web development. It improves on AngularJS by being faster, easier to use and learn, and built on proven best practices. Some key differences include components replacing controllers, unidirectional data flow instead of two-way binding, and type-based dependency injection rather than naming. While the core concepts remain similar, the implementation in Angular 2 is cleaner. However, setting up a full Angular project can still be complicated due to dependencies on build tools and module bundling.
Angular2 tutorial
Angular2 tutorialHarikaReddy115 Angular 2 Tutorial for Beginners - Learn Angular 2 in simple and easy steps starting from basic to advanced concepts with examples
Angular 2 with typescript
Angular 2 with typescriptTayseer_Emam This document discusses Angular 2 with TypeScript. It introduces TypeScript as a superset of JavaScript that adds optional static typing and classes. TypeScript uses a transpiler to convert code to older JavaScript for browser compatibility. Angular 2 is a front-end web application framework maintained by Google that addresses challenges of single-page apps. It uses components, data binding, services, dependency injection, and directives. Components are basic UI building blocks and services refactor data access to keep components lean. Directives change DOM layout or element appearance and behavior.
What's new in Angular 2?
What's new in Angular 2?Alfred Jett Grandeza Angular 2 introduced many changes from Angular 1 including components instead of directives, templates instead of views, and services instead of factories. It uses TypeScript for static typing and classes. Key features include components, data binding with property and event binding, lifecycle hooks, dependency injection, and routing. Components are the fundamental building block and define templates, styles, and logic. Data binding synchronizes templates and classes. Observables replaced promises for asynchronous operations.
Angular 2 - An Introduction
Angular 2 - An IntroductionNexThoughts Technologies The document discusses Angular 2, its components, templates, styles, and how to create and use child components. Angular 2 uses components instead of controllers, has unidirectional data flow, simplified services, and an easier learning curve compared to Angular 1. Components are directives with templates that make up Angular 2 apps. Templates contain HTML and styles define visual styles. Child components exist within parent components and communication between them can be achieved through input/output binding and events. Services are used to perform CRUD operations separately from components.
Angular2
Angular2SitaPrajapati Angular 2.0 was released on September 14th, 2016 by Google. It is a total rewrite from Angular 1.x and uses TypeScript as its default language. Some key features include components, templates, modules, services, dependency injection and routing. Components control views through templates. Modules allow grouping and metadata. Templates use data binding syntax. Services provide reusable business logic. Dependency injection provides services to components. Routing enables navigation between views.
Angular2 + rxjs
Angular2 + rxjsChristoffer Noring This document provides an overview of Angular 2 and Rxjs. Some key points covered include:
- Angular 2 is backed by Google and designed to be faster and more memory efficient than Angular 1. It uses TypeScript and focuses on components.
- Bootstrapping, modules, directives, bindings and pipes work differently in Angular 2 compared to Angular 1 with fewer overall concepts.
- Observables and operators from Rxjs allow for asynchronous programming and composing asynchronous operations. Common operators like map, filter and flatMap are discussed.
- Services can be used to share data between components. Components follow a lifecycle with hooks like ngOnInit and ngOnDestroy.
-
Angular 2 KTS
Angular 2 KTSJohn Vall This document provides an overview of Angular 2 concepts for Angular 1 developers. It discusses why Angular 2 was created and introduces key concepts like TypeScript, components, templates, services, directives, and forms. It compares the Angular 1 and Angular 2 approaches to architecture and explains how components replace controllers and use templates rather than views.
Angular 2 for Java Developers
Angular 2 for Java DevelopersYakov Fain This document provides an overview of Angular 2 for Java developers. It discusses that Angular 2 is a complete rewrite of AngularJS with a focus on components, better performance, and streamlined dependency injection. It also covers key aspects of Angular 2 like project structure, templates, data binding, dependency injection, routing, and use of reactive programming with RxJS. Sample code examples are provided to demonstrate concepts like components, services, dependency injection, routing, and use of observables.
Introduction to Angular2
Introduction to Angular2Knoldus Inc. Angular 2 is the next version of Google’s massively popular MVC framework for building complex single page applications in the browser (and beyond).
Introduction to angular 2
Introduction to angular 2Dor Moshe My lecturer to Front end developers guild meeting.
The presentation separated to two parts (~40 min + 50 min).
Ad
Recently uploaded (20)
iOS Developer Resume 2025 | Pramod Kumar
iOS Developer Resume 2025 | Pramod KumarPramod Kumar Explore the professional resume of Pramod Kumar, a skilled iOS developer with extensive experience in Swift, SwiftUI, and mobile app development. This portfolio highlights key projects, technical skills, and achievements in app design and development, showcasing expertise in creating intuitive, high-performance iOS applications. Ideal for recruiters and tech managers seeking a talented iOS engineer for their team.
Artificial Intelligence Applications Across Industries
Artificial Intelligence Applications Across IndustriesSandeepKS52 Artificial Intelligence is a rapidly growing field that influences many aspects of modern life, including transportation, healthcare, and finance. Understanding the basics of AI provides insight into how machines can learn and make decisions, which is essential for grasping its applications in various industries. In the automotive sector, AI enhances vehicle safety and efficiency through advanced technologies like self-driving systems and predictive maintenance. Similarly, in healthcare, AI plays a crucial role in diagnosing diseases and personalizing treatment plans, while in financial services, it helps in fraud detection and risk management. By exploring these themes, a clearer picture of AI's transformative impact on society emerges, highlighting both its potential benefits and challenges.
Eliminate the complexities of Event-Driven Architecture with Domain-Driven De...
Eliminate the complexities of Event-Driven Architecture with Domain-Driven De...SheenBrisals The distributed nature of modern applications and their architectures brings a great level of complexity to engineering teams. Though API contracts, asynchronous communication patterns, and event-driven architecture offer assistance, not all enterprise teams fully utilize them. While adopting cloud and modern technologies, teams are often hurried to produce outcomes without spending time in upfront thinking. This leads to building tangled applications and distributed monoliths. For those organizations, it is hard to recover from such costly mistakes.
In this talk, Sheen will explain how enterprises should decompose by starting at the organizational level, applying Domain-Driven Design, and distilling to a level where teams can operate within a boundary, ownership, and autonomy. He will provide organizational, team, and design patterns and practices to make the best use of event-driven architecture by understanding the types of events, event structure, and design choices to keep the domain model pure by guarding against corruption and complexity.
Maintaining + Optimizing Database Health: Vendors, Orchestrations, Enrichment...
Maintaining + Optimizing Database Health: Vendors, Orchestrations, Enrichment...BradBedford3 Join the Denver Marketo User Group, Captello and Integrate as we dive into the best practices, tools, and strategies for maintaining robust, high-performing databases. From managing vendors and automating orchestrations to enriching data for better insights, this session will unpack the key elements that keep your data ecosystem running smoothly—and smartly.
We will hear from Steve Armenti, Twelfth, and Aaron Karpaty, Captello, and Frannie Danzinger, Integrate.
Integrating Survey123 and R&H Data Using FME
Integrating Survey123 and R&H Data Using FMESafe Software West Virginia Department of Transportation (WVDOT) actively engages in several field data collection initiatives using Collector and Survey 123. A critical component for effective asset management and enhanced analytical capabilities is the integration of Geographic Information System (GIS) data with Linear Referencing System (LRS) data. Currently, RouteID and Measures are not captured in Survey 123. However, we can bridge this gap through FME Flow automation. When a survey is submitted through Survey 123 for ArcGIS Portal (10.8.1), it triggers FME Flow automation. This process uses a customized workbench that interacts with a modified version of Esri's Geometry to Measure API. The result is a JSON response that includes RouteID and Measures, which are then applied to the feature service record.
AI and Deep Learning with NVIDIA Technologies
AI and Deep Learning with NVIDIA TechnologiesSandeepKS52 Artificial intelligence and deep learning are transforming various fields by enabling machines to learn from data and make decisions. Understanding how to prepare data effectively is crucial, as it lays the foundation for training models that can recognize patterns and improve over time. Once models are trained, the focus shifts to deployment, where these intelligent systems are integrated into real-world applications, allowing them to perform tasks and provide insights based on new information. This exploration of AI encompasses the entire process from initial concepts to practical implementation, highlighting the importance of each stage in creating effective and reliable AI solutions.
Plooma is a writing platform to plan, write, and shape books your way
Plooma is a writing platform to plan, write, and shape books your wayPlooma Plooma is your all in one writing companion, designed to support authors at every twist and turn of the book creation journey. Whether you're sketching out your story's blueprint, breathing life into characters, or crafting chapters, Plooma provides a seamless space to organize all your ideas and materials without the overwhelm. Its intuitive interface makes building rich narratives and immersive worlds feel effortless.
Packed with powerful story and character organization tools, Plooma lets you track character development and manage world building details with ease. When it’s time to write, the distraction-free mode offers a clean, minimal environment to help you dive deep and write consistently. Plus, built-in editing tools catch grammar slips and style quirks in real-time, polishing your story so you don’t have to juggle multiple apps.
What really sets Plooma apart is its smart AI assistant - analyzing chapters for continuity, helping you generate character portraits, and flagging inconsistencies to keep your story tight and cohesive. This clever support saves you time and builds confidence, especially during those complex, detail packed projects.
Getting started is simple: outline your story’s structure and key characters with Plooma’s user-friendly planning tools, then write your chapters in the focused editor, using analytics to shape your words. Throughout your journey, Plooma’s AI offers helpful feedback and suggestions, guiding you toward a polished, well-crafted book ready to share with the world.
With Plooma by your side, you get a powerful toolkit that simplifies the creative process, boosts your productivity, and elevates your writing - making the path from idea to finished book smoother, more fun, and totally doable.
Get Started here: https://www.plooma.ink/
Agile Software Engineering Methodologies
Agile Software Engineering MethodologiesGaurav Sharma Software Engineering Process, Notation & Tools Introduction
Micro-Metrics Every Performance Engineer Should Validate Before Sign-Off
Micro-Metrics Every Performance Engineer Should Validate Before Sign-OffTier1 app When it comes to performance testing, most engineers instinctively gravitate toward the big-picture indicators—response time, memory usage, throughput. But what about the smaller, more subtle indicators that quietly shape your application’s performance and stability? we explored the hidden layer of performance diagnostics that too often gets overlooked: micro-metrics. These small but mighty data points can reveal early signs of trouble long before they manifest as outages or degradation in production.
From garbage collection behavior and object creation rates to thread state transitions and blocked thread patterns, we unpacked the critical micro-metrics every performance engineer should assess before giving the green light to any release.
This session went beyond the basics, offering hands-on demonstrations and JVM-level diagnostics that help identify performance blind spots traditional tests tend to miss. We showed how early detection of these subtle anomalies can drastically reduce post-deployment issues and production firefighting.
Whether you're a performance testing veteran or new to JVM tuning, this session helped shift your validation strategies left—empowering you to detect and resolve risks earlier in the lifecycle.
How AI Can Improve Media Quality Testing Across Platforms (1).pptx
How AI Can Improve Media Quality Testing Across Platforms (1).pptxkalichargn70th171 Media platforms, from video streaming to OTT and Smart TV apps, face unprecedented pressure to deliver seamless, high-quality experiences across diverse devices and networks. Ensuring top-notch Quality of Experience (QoE) is critical for user satisfaction and retention.
Integration Ignited Redefining Event-Driven Architecture at Wix - EventCentric
Integration Ignited Redefining Event-Driven Architecture at Wix - EventCentricNatan Silnitsky At Wix, we revolutionized our platform by making integration events the backbone of our 4,000-microservice ecosystem. By abandoning traditional domain events for standardized Protobuf events through Kafka, we created a universal language powering our entire architecture.
We'll share how our "single-aggregate services" approach—where every CUD operation triggers semantic events—transformed scalability and extensibility, driving efficient event choreography, data lake ingestion, and search indexing.
We'll address our challenges: balancing consistency with modularity, managing event overhead, and solving consumer lag issues. Learn how event-based data prefetches dramatically improved performance while preserving the decoupling that makes our platform infinitely extensible.
Key Takeaways:
- How integration events enabled unprecedented scale and extensibility
- Practical strategies for event-based data prefetching that supercharge performance
- Solutions to common event-driven architecture challenges
- When to break conventional architectural rules for specific contexts
Revolutionize Your Insurance Workflow with Claims Management Software
Revolutionize Your Insurance Workflow with Claims Management SoftwareInsurance Tech Services Claims management software enhances efficiency, accuracy, and satisfaction by automating processes, reducing errors, and speeding up transparent claims handling—building trust and cutting costs. Explore More - https://www.damcogroup.com/insurance/claims-management-software
DevOps for AI: running LLMs in production with Kubernetes and KubeFlow
DevOps for AI: running LLMs in production with Kubernetes and KubeFlowAarno Aukia Presented by Aarno Aukia on June 4th, 2025, at Kubernetes Community Days KCD New York
FME as an Orchestration Tool - Peak of Data & AI 2025
FME as an Orchestration Tool - Peak of Data & AI 2025Safe Software Processing huge amounts of data through FME can have performance consequences, but as an orchestration tool, FME is brilliant! We'll take a look at the principles of data gravity, best practices, pros, cons, tips and tricks. And of course all spiced up with relevant examples!
Why Indonesia’s $12.63B Alt-Lending Boom Needs Loan Servicing Automation & Re...
Why Indonesia’s $12.63B Alt-Lending Boom Needs Loan Servicing Automation & Re...Prachi Desai
Alt-lenders are scaling fast, but manual loan reconciliation is cracking under pressure. See how automation solves revenue leakage and compliance chaos.
https://www.taxilla.com/loan-repayment-reconciliation
Leveraging Foundation Models to Infer Intents
Leveraging Foundation Models to Infer IntentsKeheliya Gallaba Invited Talk at RAISE 2025: Requirements engineering for AI-powered SoftwarE Workshop co-located with ICSE, the IEEE/ACM International Conference on Software Engineering.
Abstract: Foundation Models (FMs) have shown remarkable capabilities in various natural language tasks. However, their ability to accurately capture stakeholder requirements remains a significant challenge for using FMs for software development. This paper introduces a novel approach that leverages an FM-powered multi-agent system called AlignMind to address this issue. By having a cognitive architecture that enhances FMs with Theory-of-Mind capabilities, our approach considers the mental states and perspectives of software makers. This allows our solution to iteratively clarify the beliefs, desires, and intentions of stakeholders, translating these into a set of refined requirements and a corresponding actionable natural language workflow in the often-overlooked requirements refinement phase of software engineering, which is crucial after initial elicitation. Through a multifaceted evaluation covering 150 diverse use cases, we demonstrate that our approach can accurately capture the intents and requirements of stakeholders, articulating them as both specifications and a step-by-step plan of action. Our findings suggest that the potential for significant improvements in the software development process justifies these investments. Our work lays the groundwork for future innovation in building intent-first development environments, where software makers can seamlessly collaborate with AIs to create software that truly meets their needs.
Online Queue Management System for Public Service Offices [Focused on Municip...
Online Queue Management System for Public Service Offices [Focused on Municip...Rishab Acharya This report documents the design and development of an Online Queue Management System tailored specifically for municipal offices in Nepal. Municipal offices, as critical providers of essential public services, face challenges including overcrowded queues, long waiting times, and inefficient service delivery, causing inconvenience to citizens and pressure on municipal staff. The proposed digital platform allows citizens to book queue tokens online for various physical services, facilitating efficient queue management and real-time wait time updates. Beyond queue management, the system includes modules to oversee non-physical developmental programs, such as educational and social welfare initiatives, enabling better participation and progress monitoring. Furthermore, it incorporates a module for monitoring infrastructure development projects, promoting transparency and allowing citizens to report issues and track progress. The system development follows established software engineering methodologies, including requirement analysis, UML-based system design, and iterative testing. Emphasis has been placed on user-friendliness, security, and scalability to meet the diverse needs of municipal offices across Nepal. Implementation of this integrated digital platform will enhance service efficiency, increase transparency, and improve citizen satisfaction, thereby supporting the modernization and digital transformation of public service delivery in Nepal.
Build enterprise-ready applications using skills you already have!
Build enterprise-ready applications using skills you already have!PhilMeredith3 Process Tempo is a rapid application development (RAD) environment that empowers data teams to create enterprise-ready applications using skills they already have.
With Process Tempo, data teams can craft beautiful, pixel-perfect applications the business will love.
Process Tempo combines features found in business intelligence tools, graphic design tools and workflow solutions - all in a single platform.
Process Tempo works with all major databases such as Databricks, Snowflake, Postgres and MySQL. It also works with leading graph database technologies such as Neo4j, Puppy Graph and Memgraph.
It is the perfect platform to accelerate the delivery of data-driven solutions.
For more information, you can find us at www.processtempo.com
Top 11 Fleet Management Software Providers in 2025 (2).pdf
Top 11 Fleet Management Software Providers in 2025 (2).pdfTrackobit Overwhelmed by the many fleet management software options on the market? Here’s a list of the top 11 providers available in 2025 to help you decide.
Moving From AngularJS to Angular 2
- 1. Moving From AngularJS to Angular 2 By Ahamed Imran @immysl
- 2. “AngularJS is a framework. Angular 2 is a platform” - Brad Green -
- 3. Why Angular 2? • Cross platform • Very good performance • Good tooling support (IDEs and CLI tool) • Ecosystem — RxJS, TypeScript, NativeScript, etc. • Very good mobile support
- 4. “The value in TypeScript is in writing safer code” - John Papa -
- 5. Why TypeScript? • Check for errors at compile time • Good tooling support • Is a mix of types, ES2015 and ESNext • The fastest growing superset of JavaScript • Compatibility with non-TypeScript libraries
- 7. What has changed? • There are components — No controllers • There are services — No providers and factories • There are zones — No $scope • There are APIs for DOM manipulation — No jqLite • One way data flow — No two way data flow
- 9. Angular 2 Concepts • Components • Dependency Injection • Data Binding • Metadata / decorators • Modules
- 10. Components • Inputs • Outputs / events • Lifecycle • Providers • Template
- 11. Components Example @Component({ selector: 'my-component', providers: [MyService], template: ‘<p *ngFor=”let item of list” (click)=”sendUpdate()”>{{ item }}</p>’, styles: [‘p { font-size: 14px }’] }) class MyComponent implements OnInit { @Input() list; @Output() update = new EventEmitter(); ngOnInit() { } // get async data sendUpdate() { this.update.emit(‘some value’) } }
- 12. Dependency Injection Example @Component({ ... providers: [MyService] }) export class MyComponent { constructor(private service: MyService) {} // inject here ngOnInit() { service.getList(); // this is just a dummy line } }
- 13. Data Binding • Interpolation • Property binding (inputs) • Event binding (outputs) • Two-way binding // example <my-component [title]=”list” (update)=”getUpdate($event)”></my-component>
- 14. Metadata / Decorators @Component({ selector: '...', template: ‘<h2>{{title}}</h2>’ }) // common decorators @Input() @Output() @Pipe() @Injectable()
- 15. Modules • Brand new — released yesterday • Somewhat similar to AngularJS module • An app needs to have a root module • Separate modules based on features • Not same as JavaScript / TypeScript modules
- 16. Modules Example import { NgModule } from ‘@angular/core’; import { BrowserModule } from ‘@angular/platform-browser’; Import { MyComponent } from ‘./my.component’; @NgModule({ imports: [BrowserModule], providers: [MyService], declarations: [MyComponent, MyDirective, MyPipe], bootstrap: [AppComponent] }) export class AppModule { }
- 17. Angular Libraries • Router • Form • Upgrade • Compiler • Compiler-cli
- 19. Angular CLI • Official scaffolding and build tool for Angular 2 • Maintained by the Angular team • Latest uses Webpack for build and server • Currently as a command-line tool only
- 20. Other Tools • Codelyzer — style guide checker • Augury — Angular 2 debugger as a Chrome extension • Lite-server — A live reload server for Angular
- 21. Demo
- 22. Norway +47 959 23 712 [email protected] Stortorvet 10 0155 Oslo Norway Sweden +46 735 194 442 [email protected] Stockholmsvägen 33 181 33 Lidingö Sweden Australia +61 412 446 105 [email protected] Suite2.14, 32 Delhi Road North Ryde, NSW 2113 Australia Sri Lanka +94 112 300 900 [email protected] 201, Sir James Peiris Mw. Colombo 02 Sri Lanka www.exilesoft.com