How do we work with Angular.js
Download as PPTX, PDF0 likes228 views
This document discusses how to work with AngularJS by breaking down a large monolithic web application into smaller reusable components. It describes that the original application had over 10 JavaScript files and over 2500 lines of code total. By adopting AngularJS, the application was broken into components with two-way data binding, modularity, templates and dependency injection which simplified the code and made it easier to support. The document concludes that using AngularJS allows for simple page building, reusable components, easy support and more confident code.
1 of 17
Download to read offline
![Bundle.json
{
"id": "edm.creative.heroCarousel",
"name": "Hero Carousel",
"dependencies": [
"core.interlock.fulcrumConfig",
"ngResource",
...
],
...
}](https://image.slidesharecdn.com/rpangular-150310073417-conversion-gate01/85/How-do-we-work-with-Angular-js-14-320.jpg)
How do we work with Angular.js
- 1. HOW DO WE WORK WITH ANGULAR.JS
- 2. Anastasiya Rybik Software Engineer, EPAM Systems
- 4. WHAT DID WE HAVE? 1 HTML file ~ 1300 lines of code 1 CSS file ~ 1500 lines of code 10 JavaScript files ~ 1000 - 2000 lines of code each
- 7. WHY ANGULAR? • Two-way data binding • Modularity • Templates • Dependency Injection • Simple Testing • Supporting by Google (Community)
- 11. OR ONE COMPONENT – TWO VIEWS
- 14. Bundle.json { "id": "edm.creative.heroCarousel", "name": "Hero Carousel", "dependencies": [ "core.interlock.fulcrumConfig", "ngResource", ... ], ... }
- 15. COMPILE JS CSS HTML JS CSS HTML JS CSS HTML JS CSS
- 16. SO WHAT? • Simple page building; • Components reusability; • Easy to support • Code confidence;