SlideShare a Scribd company logo
Angular in the Enterprise
🌎
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Google AngularJS Style Guide
https://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
‘use strict’
angular.controller(‘myController’, [‘$scope’, ’$location’, ’fooService’, ’barService’,
function($scope, $location, fooService, barService){


}]);
Typical Module Definition
(function(){
‘use strict’
var ctrlName = “myController”;
angular.controller(ctrlName, [‘$scope’, ‘$location’, ‘fooService’, ‘barService’, myController]);
function myController($scope, $location, fooService, barService){


}
}());
AngularJS 2.0 Router Design Document
https://docs.google.com/document/d/1I3UC0RrgCh9CKrLxeE4sxwmNSBl3oSXQGt9g3KZnTJI/edit
Route Management
app.js
app.js
routes.js
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
/**
* Custom checkbox style for app
*
* Usage:
* <custom-checkbox
* checked=“checkedVal” // boolean
* predicate=“predicateVal”> // string
* </custom-checkbox>
*
*/
app.directive(‘customCheckbox’, function(){
return {
scope: {
‘checked’:’=‘,
‘predicate’:’=‘
}


}
});
app.directive(‘customCheckbox’,
function(){
return {
scope: {
‘checked’:’=‘,
‘predicate’:’=‘
}


}
});
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Ctrl + Alt + I
Cmd + Alt + I
Angular in the Enterprise
Angular in the Enterprise
JSBin Repo
https://github.com/jsbin/jsbin/
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise
How do I “think in AngularJS” if I have a jQuery background?
http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-
background
Service vs Provider vs Factory
http://stackoverflow.com/questions/15666048/angular-js-service-vs-provider-vs-factory
Difference Between ‘Link’, ‘Controller’ and ‘Compile’ for Directives
http://stackoverflow.com/questions/12546945/difference-between-the-controller-link-and-
compile-functions-when-definin
Understanding Scopes
https://github.com/angular/angular.js/wiki/Understanding-Scopes
Angular in the Enterprise
Angular in the Enterprise
Angular in the Enterprise

More Related Content

PPTX
Dive into AngularJS Routing
PDF
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
PDF
Angular JS Routing
KEY
Barcamp GoogleMaps - praktické ukåzky kódu
PDF
Angular meetup - routing and multilingual urls
PDF
GSS FED 戄äș‚䟆äș€ç”Šæˆ‘ć€‘äŸ† Bear
PPTX
Canjs
 
Dive into AngularJS Routing
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
Angular JS Routing
Barcamp GoogleMaps - praktické ukåzky kódu
Angular meetup - routing and multilingual urls
GSS FED 戄äș‚䟆äș€ç”Šæˆ‘ć€‘äŸ† Bear
Canjs
 

What's hot (13)

KEY
Expressă‚’äœżăŁăŠăżăŸ
TXT
Comment pages 002
PDF
Hands on AngularJS
PDF
hachioji.pm #40 : asynchronous in JS
PPTX
Building a dashboard using AngularJS
PDF
Sails.js - Overview
PDF
Swf2 ui
PPTX
Dundee University HackU 2013 - Mojito
TXT
Ahmad faizun
KEY
CakePHP in iPhone App
PDF
Fun with Maps and PHP
PPT
MEAN - Notes from the field (Full-Stack Development with Javascript)
ZIP
Web+GISăšă„ă†èŠ–ç‚čă‹ă‚‰èŠ‹ăŸGISたæ–čć‘æ€§
Expressă‚’äœżăŁăŠăżăŸ
Comment pages 002
Hands on AngularJS
hachioji.pm #40 : asynchronous in JS
Building a dashboard using AngularJS
Sails.js - Overview
Swf2 ui
Dundee University HackU 2013 - Mojito
Ahmad faizun
CakePHP in iPhone App
Fun with Maps and PHP
MEAN - Notes from the field (Full-Stack Development with Javascript)
Web+GISăšă„ă†èŠ–ç‚čă‹ă‚‰èŠ‹ăŸGISたæ–čć‘æ€§
Ad

Similar to Angular in the Enterprise (20)

PPTX
Building an End-to-End AngularJS Application
PDF
Architecture, Auth, and Routing with uiRouter
PPTX
Modules and injector
PDF
Angular js routing options
PPTX
AngularJs Superheroic JavaScript MVW Framework Services by Miracle Studios
PDF
Angular js vs. Facebook react
 
PDF
Opinionated AngularJS
PPTX
Angular Workshop_Sarajevo2
DOCX
Understanding angular js $rootscope and $scope
PDF
CFUGbe talk about Angular JS
PPTX
AngularJS Routing
DOCX
Sharing Data between controllers in different ways.
DOCX
Different way to share data between controllers in angular js
PDF
ui-router and $state
PDF
Angular the Good Parts
PPTX
AngularJS
PPTX
Good karma: UX Patterns and Unit Testing in Angular with Karma
PDF
Introduction to AngularJS (@oakjug June 2013)
PDF
A Story about AngularJS modularization development
PDF
Introduction to AngularJS For WordPress Developers
Building an End-to-End AngularJS Application
Architecture, Auth, and Routing with uiRouter
Modules and injector
Angular js routing options
AngularJs Superheroic JavaScript MVW Framework Services by Miracle Studios
Angular js vs. Facebook react
 
Opinionated AngularJS
Angular Workshop_Sarajevo2
Understanding angular js $rootscope and $scope
CFUGbe talk about Angular JS
AngularJS Routing
Sharing Data between controllers in different ways.
Different way to share data between controllers in angular js
ui-router and $state
Angular the Good Parts
AngularJS
Good karma: UX Patterns and Unit Testing in Angular with Karma
Introduction to AngularJS (@oakjug June 2013)
A Story about AngularJS modularization development
Introduction to AngularJS For WordPress Developers
Ad

Recently uploaded (20)

PDF
System and Network Administration Chapter 2
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 41
PPTX
Introduction to Artificial Intelligence
PPTX
L1 - Introduction to python Backend.pptx
PPTX
history of c programming in notes for students .pptx
PDF
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
PDF
How Creative Agencies Leverage Project Management Software.pdf
PDF
PTS Company Brochure 2025 (1).pdf.......
PDF
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
PDF
2025 Textile ERP Trends: SAP, Odoo & Oracle
PDF
Upgrade and Innovation Strategies for SAP ERP Customers
PDF
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
PDF
Nekopoi APK 2025 free lastest update
PPTX
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
PPTX
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
 
PDF
Raksha Bandhan Grocery Pricing Trends in India 2025.pdf
PPTX
Reimagine Home Health with the Power of Agentic AI​
PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
PDF
System and Network Administraation Chapter 3
PDF
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
System and Network Administration Chapter 2
Internet Downloader Manager (IDM) Crack 6.42 Build 41
Introduction to Artificial Intelligence
L1 - Introduction to python Backend.pptx
history of c programming in notes for students .pptx
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
How Creative Agencies Leverage Project Management Software.pdf
PTS Company Brochure 2025 (1).pdf.......
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
2025 Textile ERP Trends: SAP, Odoo & Oracle
Upgrade and Innovation Strategies for SAP ERP Customers
Addressing The Cult of Project Management Tools-Why Disconnected Work is Hold...
Nekopoi APK 2025 free lastest update
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
 
Raksha Bandhan Grocery Pricing Trends in India 2025.pdf
Reimagine Home Health with the Power of Agentic AI​
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
System and Network Administraation Chapter 3
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...

Angular in the Enterprise

  • 6. Google AngularJS Style Guide https://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html
  • 13. ‘use strict’ angular.controller(‘myController’, [‘$scope’, ’$location’, ’fooService’, ’barService’, function($scope, $location, fooService, barService){ 
 }]); Typical Module Definition
  • 14. (function(){ ‘use strict’ var ctrlName = “myController”; angular.controller(ctrlName, [‘$scope’, ‘$location’, ‘fooService’, ‘barService’, myController]); function myController($scope, $location, fooService, barService){ 
 } }());
  • 15. AngularJS 2.0 Router Design Document https://docs.google.com/document/d/1I3UC0RrgCh9CKrLxeE4sxwmNSBl3oSXQGt9g3KZnTJI/edit Route Management
  • 24. /** * Custom checkbox style for app * * Usage: * <custom-checkbox * checked=“checkedVal” // boolean * predicate=“predicateVal”> // string * </custom-checkbox> * */ app.directive(‘customCheckbox’, function(){ return { scope: { ‘checked’:’=‘, ‘predicate’:’=‘ } 
 } }); app.directive(‘customCheckbox’, function(){ return { scope: { ‘checked’:’=‘, ‘predicate’:’=‘ } 
 } });
  • 29. Ctrl + Alt + I Cmd + Alt + I
  • 39. How do I “think in AngularJS” if I have a jQuery background? http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery- background Service vs Provider vs Factory http://stackoverflow.com/questions/15666048/angular-js-service-vs-provider-vs-factory Difference Between ‘Link’, ‘Controller’ and ‘Compile’ for Directives http://stackoverflow.com/questions/12546945/difference-between-the-controller-link-and- compile-functions-when-definin Understanding Scopes https://github.com/angular/angular.js/wiki/Understanding-Scopes