Angular js introduction
Download as pptx, pdf14 likes2,164 views
This document provides an overview of key AngularJS concepts including MVC framework features, data binding, modules, scopes, directives, filters, forms, dependency injection, services, routing, and best practices. It explains core components like controllers, models, views, and how they interact. It also provides examples and resources for learning more about AngularJS.
1 of 20
Downloaded 56 times
![Anatomy
• Bootstrap
– By using ng-app
– Support manually by angular.bootstrap(element[,
modules]);
• MVC
– View : DOM and template
– Controller : Javascript Function
– Model : Object Properties
• Data Binding
– Updating view({{interpolation}}) whenever
model($scope[properties]) changes and vice versa](https://image.slidesharecdn.com/angularjsintroduction-130809022807-phpapp02/85/Angular-js-introduction-6-320.jpg)
![Module
• <html ng-app='moduleName'>
• angular.module('moduleName', [dependencie
s])
• Module API
– config/constant/controller/directive/factory/filter/
provider/run/service/value](https://image.slidesharecdn.com/angularjsintroduction-130809022807-phpapp02/85/Angular-js-introduction-7-320.jpg)
![Filters
• Format data for display to the user
• {{ expression
[|filter_name[:parameter_value] ... ] }}
• Build-in filter
currency/date/filter/json/limitTo/lowercase/number
/orderBy/uppercase
• Support custom filter
http://plnkr.co/edit/a23sJj4OQpD1BNcuGfJB](https://image.slidesharecdn.com/angularjsintroduction-130809022807-phpapp02/85/Angular-js-introduction-11-320.jpg)
![Dependency Injection
1. moduleName.controller('Controller',['$scope', 'service1',
'service2'],function(($scope,service1,service2){…….});
2. moduleName.controller('Controller',
function(($scope,service1,service2){…….});
3. function($scope,service1,service2){…….}
• Only first is acceptable if you want to minifying your javascript and
it also recommended by official web site
• Third can be acceptable by adding
$Controller.$inject = ['$scope', 'service1', 'service2']](https://image.slidesharecdn.com/angularjsintroduction-130809022807-phpapp02/85/Angular-js-introduction-13-320.jpg)
![Service Communication
• $http
– low-level implementation of XHR
– support method
GET/HEAD/POST/DELETE/PUT/JSONP
• $resource
– include the angular-resource.js
– angular.module('myModule', ['ngResource']))
– use inject $resource where needed](https://image.slidesharecdn.com/angularjsintroduction-130809022807-phpapp02/85/Angular-js-introduction-16-320.jpg)
Ad
Recommended
An Introduction To Testing In AngularJS Applications
An Introduction To Testing In AngularJS Applications Rohan Chandane This document provides an overview of testing Angular JS applications. It discusses the limitations of jQuery for building web applications and how Angular JS addresses these through its MVC-based framework. It then covers unit testing Angular JS applications using Jasmine, including suites, specs, matchers, spies, mocks and stubs. The document also discusses end-to-end testing with Protractor and tools for automating testing like Karma, Yeoman, Grunt and IDE plugins.
Backbone js
Backbone jsRohan Chandane Backbone.js is a popular JavaScript MVC framework that provides structure for single-page web applications. It includes models for managing application data, views for rendering UI components, and a router for handling navigation between views. Backbone promotes separation of concerns, giving each component clearly defined responsibilities. Models can communicate with servers via RESTful APIs or websockets to retrieve and sync data. Collections manage ordered sets of models and can also fetch data from servers. Views are used to render templates and interface with models. The router maps URLs to functions that control navigation between views. Overall, Backbone provides a useful framework for building structured, scalable client-side JavaScript applications.
Dependency Injection @ AngularJS
Dependency Injection @ AngularJSRan Mizrahi The document explains dependency injection (DI) in AngularJS, detailing how it helps to decouple code and improve maintainability by allowing different implementations to be injected. It covers various DI concepts, including how to set up services, factories, and providers, as well as testing with mock objects. The document emphasizes the benefits of DI, such as easier configuration, enhanced testability, and scalability through the use of a DI container.
AngularJS Basics and Best Practices - CC FE &UX
AngularJS Basics and Best Practices - CC FE &UXJWORKS powered by Ordina This document discusses AngularJS basics and best practices. It covers what AngularJS is, why it's used, its core framework features like MVVM, dependency injection, and two-way data binding. It also describes the main framework components like modules, scopes, views, controllers, services, routers, resolvers, and directives. The document concludes with a section on unit testing AngularJS applications with Karma and Jasmine.
Ember.js - A JavaScript framework for creating ambitious web applications
Ember.js - A JavaScript framework for creating ambitious web applications Juliana Lucena The document provides an overview of Ember.js, a JavaScript framework designed for building ambitious web applications, emphasizing its browser-based MVC architecture and features that facilitate faster user interaction. Key topics include the separation of back-end and front-end processes, model and controller functionalities, and the use of Handlebars.js for templating. It also discusses the router for managing application states and includes examples and links to relevant resources.
Mini-Training: AngularJS
Mini-Training: AngularJSBetclic Everest Group Tech Team This document provides an overview of AngularJS, including:
- AngularJS is a JavaScript MVVM framework for building dynamic web apps, developed by Google.
- It uses Scopes to bind models to views and directives to extend HTML syntax.
- Key components include modules, controllers, services and routing to organize an app.
- Batarang is a Chrome plugin that helps debug and inspect AngularJS apps.
Mule esb
Mule esbKhan625 This document describes using DataWeave in Mule ESB to transform XML input into a Java object. It includes an XML input file, Mule flow configuration with a DataWeave transform, and a User Java class. The DataWeave transform defines a 'user' object type and maps the XML elements to fields on the User class, setting the payload to a User instance.
Angular Lazy Loading and Resolve (Route Resolver)
Angular Lazy Loading and Resolve (Route Resolver)Squash Apps Pvt Ltd Lazy loading allows modules to be loaded on demand instead of all at once on initial load to improve performance. It is implemented using loadChildren and routing modules. PreloadingStrategy can be used to preload routes. Resolve allows fetching data before navigating to a route by implementing the Resolve interface and adding it to routes. This improves the user experience by having data ready when the component loads.
Building and managing java projects with maven part-III
Building and managing java projects with maven part-IIIprinceirfancivil This document discusses using Maven to build and manage Java projects. It describes Maven's property processing, build process design for a sample service project with common, EJB and web application components, and how to configure subprojects for the data, EJB and web modules. It also covers tasks like XDoclet processing, web services generation, EJB jar packaging, and finally assembling the entire application as an EAR file using the Maven reactor plugin.
Workshop 13: AngularJS Parte II
Workshop 13: AngularJS Parte IIVisual Engineering This document is a comprehensive guide on AngularJS, covering various aspects including the digest cycle, services, dependency injection, routing, filters, and directives. It provides explanations on how to implement features such as two-way data binding, service registration, and routing with both ngRoute and ui-router. Additionally, it highlights best practices, optimization techniques, and detailed examples for creating custom directives and using dependency injection effectively.
AngularJS with RequireJS
AngularJS with RequireJSJohannes Weber The document discusses integrating AngularJS with RequireJS, emphasizing the dependency injection mechanisms of both frameworks. It outlines key RequireJS APIs, essential configuration methods, and best practices for structuring applications, especially in larger projects. The challenges of managing large applications with RequireJS, including module loading and optimization strategies, are also highlighted.
Backbone
BackboneGlenn De Backer Backbone.js is a JavaScript library that provides structure to applications by supplying models, collections, and views. It follows an MVC-like pattern, with models representing data, views handling display/interaction logic, and routers managing navigation. Backbone is lightweight and depends on Underscore.js for utility functions. Models manage data and can fetch/save to servers. Collections are ordered sets of models. Views display data and handle events. Routers map URLs to functions. Underscore provides over 100 helper functions for tasks like iteration, filtering, and more.
Building and Managing Projects with Maven
Building and Managing Projects with MavenKhan625 This document discusses using Maven to build and manage Java projects. It describes how to create a new Maven project with different components like EJBs, data, and web applications. It outlines the directory structure for the overall project and each sub-project. It also explains the project object model (POM) file which is used to describe the project, its dependencies, build configuration, and reports. The POM sections cover project management details, dependencies, build configuration including source and test directories, and defined reports.
Expressjs
ExpressjsYauheni Nikanovich Express.js is a web application framework for Node.js that provides a flexible set of features for building web and mobile apps. Express apps use middleware functions that have access to the request and response objects and allow for intermediate processing in the request-response cycle. Middleware functions can execute code, modify requests/responses, and call the next middleware function. Express supports application-level middleware, router-level middleware, error handling middleware, built-in middleware like static file serving, and third-party middleware.
Spring Web MVC
Spring Web MVCAathikaJava The document serves as a training agenda for Java/J2EE programming focusing on Spring MVC. It covers key components such as the Model-View-Controller (MVC) architecture, controller creation, request mapping, and response rendering in a web application. Additionally, it includes configuration details for integrating controllers with the dispatcher servlet and managing view resolution.
Sails.js Model / ORM introduce
Sails.js Model / ORM introduce謝 宗穎 This document introduces Sails.js models and ORM. It discusses upgrading to Sails 0.10 beta, creating database tables using ORM, model associations like one-to-many, and calling models from controllers. Examples are provided for defining models, associations, controller actions, and sample model code.
Angularjs architecture
Angularjs architectureMichael He This document discusses the architecture of AngularJS applications. It outlines several key components of AngularJS architecture:
1. Configurations define everything needed for the system using a blueprint approach.
2. The routing system acts like a map to help users navigate between different routes, spots, trips, and days.
3. Pages define templates and controllers to determine how each room (page) looks and functions.
4. Directives define templates and controllers for reusable components.
5. Services provide reusable functionality like data access across the application similarly to companies or government agencies.
6. Filters decorate pages by hiding unwanted content to improve visuals.
Sails js
Sails jsAndrey Kolodnitsky This document provides an overview of SailsJS, an MVC framework for Node.js. It discusses that SailsJS is built on Express and inspired by Ruby on Rails. It also summarizes key features such as convention over configuration, automatic REST API generation, support for various databases, and easy integration of web sockets. The document outlines the project structure in SailsJS including controllers, models, policies, and views. It provides examples of generating an API, model definition, controllers, and policies. Finally, it briefly discusses services, assets, configuration, and views in SailsJS projects.
Introduction to VueJS & Vuex
Introduction to VueJS & VuexBernd Alter This document serves as an introduction to Vue.js and Vuex, presented by Bernd Alter, covering key concepts such as components, bindings, conditionals, slots, routing, and state management. It includes practical code snippets and tips for using the Vue ecosystem effectively, with a focus on Vuex for state management. The document also provides resources for further learning, emphasizing the use of Vue DevTools for debugging and the importance of reusable components.
Meteor iron:router
Meteor iron:routerPavel Kurnosov This document provides an overview of the Iron Router package in Meteor. It discusses key Iron Router concepts like client and server routes, reactivity, rendering templates, layouts, route parameters, subscriptions, and hooks. It also covers options like waitOn, controllers, reactive state, legacy browser support, plugins, and common packages that extend Iron Router functionality.
AngularJS Basics
AngularJS BasicsNikita Shounewich - Angular is an open-source web application framework originally developed in 2009 that uses HTML as its template language. It is commonly used to create single-page applications.
- Angular uses MVC architecture and two-way data binding between models and views. It has built-in dependency injection which allows for testable and scalable code.
- Key Angular concepts include directives, filters, controllers and scopes which allow manipulating DOM elements and binding data. Modules are used to package code into reusable components.
AngularJS
AngularJSPasi Manninen This document provides an overview of AngularJS, including:
- AngularJS is an open-source framework for developing single-page web applications using MVC and JavaScript.
- It supports data binding, scopes, controllers, services, filters, directives, templates and routing to switch between views.
- Examples demonstrate using services to load data from an API, routing to different templates, and a hands-on user management application.
- Exercises include working through the AngularJS tutorial and building a movie application using the Finnkino API.
Express JS
Express JSDesignveloper The document provides a comprehensive guide on setting up and running an Express.js web application, including prerequisites such as JavaScript and Node.js knowledge, and various template engines. It outlines the steps for installation, configuration, and the use of routing and response handling in Express.js. Additionally, it mentions building a RESTful application and includes resources like Postman for testing APIs.
Vuex
VuexAsaquzzaman Mishu Vuex is a state management pattern for Vue.js applications that serves as a centralized store for component data. It consists of state, getters, mutations, and actions. State contains app data, getters help access state, mutations are the only way to modify state and must be synchronous, and actions allow asynchronous operations and commit mutations.
【前端Mvc】之豆瓣说实践
【前端Mvc】之豆瓣说实践taobao.com This document provides an overview of the Model-View-Controller (MVC) pattern and the Backbone.js JavaScript library for building web applications using MVC. It discusses how Backbone.js implements the core components of MVC - Models, Collections, Views and Routers. Models contain the data and logic, Collections are ordered sets of models, Views are responsible for rendering HTML/CSS templates, and Routers provide URL routing functionality. The document also provides code examples for defining and using Backbone.js Models, Collections, Views and Routers.
Managing JavaScript Dependencies With RequireJS
Managing JavaScript Dependencies With RequireJSDen Odell This document discusses how to manage JavaScript dependencies using RequireJS. It begins by showing the many different types of JavaScript dependencies that exist, such as libraries, frameworks, plugins, and custom code. It then outlines some of the problems that arise from having many script tags, including increased complexity. The document proceeds to explain how RequireJS uses an Asynchronous Module Definition (AMD) approach to define modules and their dependencies. It provides a code example of validating a mailing list signup form, breaking it into modules for jQuery, a validation plugin, and the main application script. Finally, it discusses how RequireJS can improve page load performance by loading scripts asynchronously on demand.
Best practice routing in Meteor.js and beyond
Best practice routing in Meteor.js and beyondFabian Kromer The document discusses routing best practices in Meteor and other platforms. It describes how routing was not initially part of Meteor's core but packages like Iron Router and Flow Router were created to enable routing. Iron Router was designed for pre-Meteor 1.0 while Flow Router is designed for post-Meteor 1.0. It also compares routing approaches in other platforms like Rails, Django, and PHP. The document provides guidance on migrating from Iron Router to Flow Router and their differences in areas like subscriptions, route definitions, hooks, templates, and helpers.
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0Takuya Tejima The document provides a comprehensive guide on building a Single Page Application (SPA) using Vue.js and Vue Router 2.0, detailing key features, advantages, and examples of implementation. It highlights the importance of server-side rendering (SSR) and dynamic component rendering for improved performance and SEO. Additionally, it includes code samples for configuring routes, managing state with Vuex, and utilizing guards and lazy-loading to optimize the application experience.
Claude Jospeh Vernet
Claude Jospeh VernetspsuART Claude Joseph Vernet was an 18th century French painter known for his landscapes and seascapes, often depicting storms and moonlit scenes. He was commissioned by King Louis XV to paint a series of French harbors and had patrons across Europe. Vernet was influenced by classical landscape artists and created over 24 paintings of popular French harbors as well as works for aristocratic clients depicting scenes like shipwrecks and Mediterranean ports. One of his paintings, A Sporting Contest on the Tiber at Rome, hangs at Southern Polytechnic State University.
Why it’s hard to believe in failure
Why it’s hard to believe in failureSyed M Zeeshan Syed M. Zeeshan presented on why it's hard to believe in failure. He noted that 75% of businesses fail within the first two years of starting up. Some of the reasons for failure included always thinking the boss is right, poor management, financial crises, weak HR policies, not understanding who the customer is, lacking a clear plan and strategy, and not utilizing social media. The presentation provided insights into the top reasons why many new businesses fail early on.
More Related Content
What's hot (20)
Building and managing java projects with maven part-III
Building and managing java projects with maven part-IIIprinceirfancivil This document discusses using Maven to build and manage Java projects. It describes Maven's property processing, build process design for a sample service project with common, EJB and web application components, and how to configure subprojects for the data, EJB and web modules. It also covers tasks like XDoclet processing, web services generation, EJB jar packaging, and finally assembling the entire application as an EAR file using the Maven reactor plugin.
Workshop 13: AngularJS Parte II
Workshop 13: AngularJS Parte IIVisual Engineering This document is a comprehensive guide on AngularJS, covering various aspects including the digest cycle, services, dependency injection, routing, filters, and directives. It provides explanations on how to implement features such as two-way data binding, service registration, and routing with both ngRoute and ui-router. Additionally, it highlights best practices, optimization techniques, and detailed examples for creating custom directives and using dependency injection effectively.
AngularJS with RequireJS
AngularJS with RequireJSJohannes Weber The document discusses integrating AngularJS with RequireJS, emphasizing the dependency injection mechanisms of both frameworks. It outlines key RequireJS APIs, essential configuration methods, and best practices for structuring applications, especially in larger projects. The challenges of managing large applications with RequireJS, including module loading and optimization strategies, are also highlighted.
Backbone
BackboneGlenn De Backer Backbone.js is a JavaScript library that provides structure to applications by supplying models, collections, and views. It follows an MVC-like pattern, with models representing data, views handling display/interaction logic, and routers managing navigation. Backbone is lightweight and depends on Underscore.js for utility functions. Models manage data and can fetch/save to servers. Collections are ordered sets of models. Views display data and handle events. Routers map URLs to functions. Underscore provides over 100 helper functions for tasks like iteration, filtering, and more.
Building and Managing Projects with Maven
Building and Managing Projects with MavenKhan625 This document discusses using Maven to build and manage Java projects. It describes how to create a new Maven project with different components like EJBs, data, and web applications. It outlines the directory structure for the overall project and each sub-project. It also explains the project object model (POM) file which is used to describe the project, its dependencies, build configuration, and reports. The POM sections cover project management details, dependencies, build configuration including source and test directories, and defined reports.
Expressjs
ExpressjsYauheni Nikanovich Express.js is a web application framework for Node.js that provides a flexible set of features for building web and mobile apps. Express apps use middleware functions that have access to the request and response objects and allow for intermediate processing in the request-response cycle. Middleware functions can execute code, modify requests/responses, and call the next middleware function. Express supports application-level middleware, router-level middleware, error handling middleware, built-in middleware like static file serving, and third-party middleware.
Spring Web MVC
Spring Web MVCAathikaJava The document serves as a training agenda for Java/J2EE programming focusing on Spring MVC. It covers key components such as the Model-View-Controller (MVC) architecture, controller creation, request mapping, and response rendering in a web application. Additionally, it includes configuration details for integrating controllers with the dispatcher servlet and managing view resolution.
Sails.js Model / ORM introduce
Sails.js Model / ORM introduce謝 宗穎 This document introduces Sails.js models and ORM. It discusses upgrading to Sails 0.10 beta, creating database tables using ORM, model associations like one-to-many, and calling models from controllers. Examples are provided for defining models, associations, controller actions, and sample model code.
Angularjs architecture
Angularjs architectureMichael He This document discusses the architecture of AngularJS applications. It outlines several key components of AngularJS architecture:
1. Configurations define everything needed for the system using a blueprint approach.
2. The routing system acts like a map to help users navigate between different routes, spots, trips, and days.
3. Pages define templates and controllers to determine how each room (page) looks and functions.
4. Directives define templates and controllers for reusable components.
5. Services provide reusable functionality like data access across the application similarly to companies or government agencies.
6. Filters decorate pages by hiding unwanted content to improve visuals.
Sails js
Sails jsAndrey Kolodnitsky This document provides an overview of SailsJS, an MVC framework for Node.js. It discusses that SailsJS is built on Express and inspired by Ruby on Rails. It also summarizes key features such as convention over configuration, automatic REST API generation, support for various databases, and easy integration of web sockets. The document outlines the project structure in SailsJS including controllers, models, policies, and views. It provides examples of generating an API, model definition, controllers, and policies. Finally, it briefly discusses services, assets, configuration, and views in SailsJS projects.
Introduction to VueJS & Vuex
Introduction to VueJS & VuexBernd Alter This document serves as an introduction to Vue.js and Vuex, presented by Bernd Alter, covering key concepts such as components, bindings, conditionals, slots, routing, and state management. It includes practical code snippets and tips for using the Vue ecosystem effectively, with a focus on Vuex for state management. The document also provides resources for further learning, emphasizing the use of Vue DevTools for debugging and the importance of reusable components.
Meteor iron:router
Meteor iron:routerPavel Kurnosov This document provides an overview of the Iron Router package in Meteor. It discusses key Iron Router concepts like client and server routes, reactivity, rendering templates, layouts, route parameters, subscriptions, and hooks. It also covers options like waitOn, controllers, reactive state, legacy browser support, plugins, and common packages that extend Iron Router functionality.
AngularJS Basics
AngularJS BasicsNikita Shounewich - Angular is an open-source web application framework originally developed in 2009 that uses HTML as its template language. It is commonly used to create single-page applications.
- Angular uses MVC architecture and two-way data binding between models and views. It has built-in dependency injection which allows for testable and scalable code.
- Key Angular concepts include directives, filters, controllers and scopes which allow manipulating DOM elements and binding data. Modules are used to package code into reusable components.
AngularJS
AngularJSPasi Manninen This document provides an overview of AngularJS, including:
- AngularJS is an open-source framework for developing single-page web applications using MVC and JavaScript.
- It supports data binding, scopes, controllers, services, filters, directives, templates and routing to switch between views.
- Examples demonstrate using services to load data from an API, routing to different templates, and a hands-on user management application.
- Exercises include working through the AngularJS tutorial and building a movie application using the Finnkino API.
Express JS
Express JSDesignveloper The document provides a comprehensive guide on setting up and running an Express.js web application, including prerequisites such as JavaScript and Node.js knowledge, and various template engines. It outlines the steps for installation, configuration, and the use of routing and response handling in Express.js. Additionally, it mentions building a RESTful application and includes resources like Postman for testing APIs.
Vuex
VuexAsaquzzaman Mishu Vuex is a state management pattern for Vue.js applications that serves as a centralized store for component data. It consists of state, getters, mutations, and actions. State contains app data, getters help access state, mutations are the only way to modify state and must be synchronous, and actions allow asynchronous operations and commit mutations.
【前端Mvc】之豆瓣说实践
【前端Mvc】之豆瓣说实践taobao.com This document provides an overview of the Model-View-Controller (MVC) pattern and the Backbone.js JavaScript library for building web applications using MVC. It discusses how Backbone.js implements the core components of MVC - Models, Collections, Views and Routers. Models contain the data and logic, Collections are ordered sets of models, Views are responsible for rendering HTML/CSS templates, and Routers provide URL routing functionality. The document also provides code examples for defining and using Backbone.js Models, Collections, Views and Routers.
Managing JavaScript Dependencies With RequireJS
Managing JavaScript Dependencies With RequireJSDen Odell This document discusses how to manage JavaScript dependencies using RequireJS. It begins by showing the many different types of JavaScript dependencies that exist, such as libraries, frameworks, plugins, and custom code. It then outlines some of the problems that arise from having many script tags, including increased complexity. The document proceeds to explain how RequireJS uses an Asynchronous Module Definition (AMD) approach to define modules and their dependencies. It provides a code example of validating a mailing list signup form, breaking it into modules for jQuery, a validation plugin, and the main application script. Finally, it discusses how RequireJS can improve page load performance by loading scripts asynchronously on demand.
Best practice routing in Meteor.js and beyond
Best practice routing in Meteor.js and beyondFabian Kromer The document discusses routing best practices in Meteor and other platforms. It describes how routing was not initially part of Meteor's core but packages like Iron Router and Flow Router were created to enable routing. Iron Router was designed for pre-Meteor 1.0 while Flow Router is designed for post-Meteor 1.0. It also compares routing approaches in other platforms like Rails, Django, and PHP. The document provides guidance on migrating from Iron Router to Flow Router and their differences in areas like subscriptions, route definitions, hooks, templates, and helpers.
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0Takuya Tejima The document provides a comprehensive guide on building a Single Page Application (SPA) using Vue.js and Vue Router 2.0, detailing key features, advantages, and examples of implementation. It highlights the importance of server-side rendering (SSR) and dynamic component rendering for improved performance and SEO. Additionally, it includes code samples for configuring routes, managing state with Vuex, and utilizing guards and lazy-loading to optimize the application experience.
Viewers also liked (18)
Claude Jospeh Vernet
Claude Jospeh VernetspsuART Claude Joseph Vernet was an 18th century French painter known for his landscapes and seascapes, often depicting storms and moonlit scenes. He was commissioned by King Louis XV to paint a series of French harbors and had patrons across Europe. Vernet was influenced by classical landscape artists and created over 24 paintings of popular French harbors as well as works for aristocratic clients depicting scenes like shipwrecks and Mediterranean ports. One of his paintings, A Sporting Contest on the Tiber at Rome, hangs at Southern Polytechnic State University.
Why it’s hard to believe in failure
Why it’s hard to believe in failureSyed M Zeeshan Syed M. Zeeshan presented on why it's hard to believe in failure. He noted that 75% of businesses fail within the first two years of starting up. Some of the reasons for failure included always thinking the boss is right, poor management, financial crises, weak HR policies, not understanding who the customer is, lacking a clear plan and strategy, and not utilizing social media. The presentation provided insights into the top reasons why many new businesses fail early on.
Spanning tree protocol
Spanning tree protocol'Texture' Mahmud Spanning Tree Protocol (STP) adalah protokol yang digunakan pada switch/bridge untuk mencegah dan menghentikan terjadinya loop dalam jaringan dengan memonitor link-link redundant dan memblokir interface yang tidak perlu. STP menggunakan Spanning Tree Algorithm (STA) dan bertukar pesan BPDU (Bridge Protocol Data Unit) untuk mengelola topologi jaringan. Dengan STP, data dapat dikirim secara efisien tanpa menimbulkan masalah looping, memastikan alur komunikasi yang tepat dalam jaringan yang kompleks.
Dynamics
Dynamics midnightmj29 Dynamics is the study of forces and energies. A force is a push or pull that has both a direction and magnitude. Forces can be represented as vectors and measured in Newtons. Forces can change the motion of objects by changing their speed or direction according to Newton's laws. Unbalanced forces cause changes in motion while balanced forces do not. Friction opposes motion between surfaces and can have both positive and negative effects that engineers aim to reduce.
Reasons Social Media is Bad.
Reasons Social Media is Bad.Syed M Zeeshan Facebook has both benefits and significant privacy risks. It allows constant engagement with others but also allows oversharing of private information. Users should carefully check their privacy settings, be wary of unknown contacts and profiles, avoid unhealthy prolonged use, and be mindful of how their actions online could damage their real lives or careers.
Introduction of angular js
Introduction of angular jsTamer Solieman The document provides an introduction to AngularJS, covering its purpose as a framework developed by Google to standardize web application development. It discusses key features such as bootstrapping, templates, two-way data binding, dependency injection, routing, and custom directives. Additionally, it includes examples of how to implement these features in a web application context.
Do not submit acc 422 week 3 wiley plus assignment exercises
Do not submit acc 422 week 3 wiley plus assignment exercisesjefferysbush1 The document contains information about various asset acquisitions and constructions by Impala Company. It provides details of the company receiving land valued at $81,000 as a donation, issuing stock to acquire land and buildings valued at $810,000, and constructing machinery internally. The appropriate accounting entries to record these transactions debit various asset accounts and credit equity/expense accounts.
Introduction to Angular js
Introduction to Angular jsMustafa Gamal The document provides an introduction and overview of AngularJS including:
- How to tell Angular which HTML elements comprise the application and how templating works
- How Angular bootstraps and compiles the application
- The MVC pattern in Angular with controllers, views, and models
- Core Angular concepts like filters, ordering, promises, dependency injection, routing, and multiple views
Introduction to Angular js 2.0
Introduction to Angular js 2.0Nagaraju Sangam The document discusses various aspects of Angular, particularly the challenges and limitations in AngularJS transitioning to Angular 2.0, including dependency injection, routing, change detection, and the use of ES6 with transpilers like TypeScript. It highlights enhancements in component-level change detection and the use of decorators for directives and services in Angular 2.0, while also referencing resources for further learning.
Angular Seminar-js
Angular Seminar-jsMindfire Solutions This document outlines key features of AngularJS, including its two-way data binding, dependency injection, directives, and services, presented by Padmalochan from Mindfire Solutions. It emphasizes the framework's capabilities for building single-page applications (SPAs) with improved performance and a rich user experience. Additionally, it covers architectural considerations, data binding mechanics, and provides links to further resources and a case study in sports statistics.
Angular JS blog tutorial
Angular JS blog tutorialClaude Tech This document provides a comprehensive introduction to building an AngularJS blog application using the Leaves static website build tool. It outlines setup instructions, application structure, and coding practices including two-way data binding, creating and displaying posts, and implementing routing with Angular's UI router. Additionally, it covers the integration of an API for managing posts and categories, as well as modularizing controllers and utilizing resources for data fetching.
Angular js introduction by Tania Gonzales
Angular js introduction by Tania GonzalesThoughtworks The document provides an overview of AngularJS, a structural framework for building dynamic web applications, highlighting its features such as MVC architecture, declarative user interface, and two-way data binding. It discusses best practices for implementing AngularJS, emphasizing the separation of concerns between controllers and the DOM, and encourages using services for reusable logic. Additionally, the document includes references to various resources for learning and understanding AngularJS better.
Ms office History
Ms office HistorySyed M Zeeshan Syed M. Zeeshan presented on the history of Microsoft Office from its launch in 1985 to the latest version in 2013. Some key points included:
- Office launched in 1985 for Mac and 1990 for Windows as "The Microsoft Office" including Word, Excel, and PowerPoint.
- Major versions included Office 95 which launched with Windows 95, Office 2007 which introduced a new interface, and Office 2013 which had a cleaned up interface and radical pricing model.
- Over the years, Office grew to include additional applications and supported more recent versions of Windows until 2013 when it moved to a cloud-based Office 365 model.
Social media etiquette
Social media etiquette Syed M Zeeshan This document outlines 8 etiquette rules for using social media:
1. Use an accurate profile picture that represents you
2. Only send friend requests to people you know personally
3. Don't over-communicate and spam others by posting irrelevant content
4. Be considerate when tagging friends in photos as others can now see the photos
5. Be aware that others can see your wall posts and private messages if friends interact with them
6. Avoid using vulgar language and berating others who have different views
7. Give credit when sharing third-party content by including the author
8. Thank people for commenting on your posts, sharing your content, or sharing your photos.
Basic of MS Outlook
Basic of MS OutlookSyed M Zeeshan Microsoft Outlook is a personal information manager included in the Microsoft Office suite that can be used for email as well as calendars, tasks, contacts, notes, and web browsing. When composing emails in Outlook, the ribbon interface at the top is similar to Microsoft Word and provides formatting options organized into tabs. Additional options can be accessed by clicking the down arrow at the bottom of groups. The mini toolbar allows quick formatting anywhere in the email body. Creating a new email is done by selecting New Mail Message from the File menu or using the keyboard shortcut Ctrl+Shift+M.
Valentine with Angular js - Introduction
Valentine with Angular js - IntroductionSenthil Kumar This document provides an overview of AngularJS, including what it is, why it is useful, basic concepts, and how to get started. AngularJS is an open-source JavaScript framework for building single-page applications. It uses HTML as the template language and allows binding data to HTML elements. Some key benefits are less boilerplate code, improved maintainability through separation of concerns using an MVC pattern, and efficient development through features like data binding. The document outlines how to include AngularJS scripts, core concepts like directives, controllers and models, and recommends resources for learning more.
Vertical Axis Wind Turbines
Vertical Axis Wind Turbinesverticalaxiswindturbines The document provides information on various types of vertical axis wind turbines, including the Eddy GT, Windspire, Giromill, Gorlov, Darius, and Helix S594 models. It features links to additional resources for each turbine type on the website www.windgeneratorstoday.com. Overall, it highlights options for vertical axis wind energy solutions.
Ad
Similar to Angular js introduction (20)
AngularJS.part1
AngularJS.part1Andrey Kolodnitsky AngularJS is a JavaScript framework for building complex client-side web applications. It provides modules, controllers, directives, services and other core features out of the box. Modules allow separating an application into logical domains and define dependencies. Controllers contain business logic and retrieve data from services. Directives extend HTML attributes and elements. Services provide reusable behavior across the application. AngularJS uses dependency injection for testability and supports unit and end-to-end testing.
AngularJs Crash Course
AngularJs Crash CourseKeith Bloomfield The document is a comprehensive overview of AngularJS, focusing on its architecture, key concepts like data binding, controllers, directives, and dependency injection. It covers the framework's capabilities for building single-page applications and highlights real-world challenges and solutions encountered by developers. Furthermore, it addresses testing methodologies, best practices, and the continuous integration process with tools like Jenkins and Protractor.
Front end development with Angular JS
Front end development with Angular JSBipin Node package manager (NPM) initializes projects and manages front-end packages. Bower manages client-side packages like jQuery. Grunt and Gulp automate workflows. Yo generates application scaffolding. Angular uses MVC architecture with views, models, and controllers. Data binding syncs models and views. Directives extend HTML. Modules contain components and support dependency injection. Routes define application states. Filters format data. Controllers manipulate scope data. Values, services, and factories support dependency injection of reusable code. Testing uses Karma, Jasmine, and generated test skeletons.
Angular js
Angular jsHritesh Saha This document provides an overview of AngularJS, including what it is, how it uses MVC architecture, data binding, views, controllers, models, modules, routing, and more. Some key points are:
- AngularJS is an open-source JavaScript framework that uses MVC pattern for building dynamic web apps
- It uses data binding so changes to models and data are automatically reflected in views
- Views use directives like ng-repeat and ng-if to interact with models and controllers
- Controllers contain business logic and models contain application data
- Modules are used to separate an app into components and routing manages multiple views
Basics of AngularJS
Basics of AngularJSFilip Janevski AngularJS is a JavaScript framework that allows developers to create single-page applications. It provides features like two-way data binding, dependency injection, templating, directives and services. The document defines AngularJS, describes its key features and provides examples of how to use controllers, scopes, expressions, services, factories, directives and more to build Angular applications. It also includes exercises for readers to practice creating an Angular movie app that displays now playing movies, actors and allows loading more movies.
Angular js-crash-course
Angular js-crash-courseKeith Bloomfield This document provides an overview and crash course on AngularJS. It begins with an introduction to key AngularJS concepts like data binding, expressions, scopes, directives, modules, dependency injection, controllers, services, factories and directives. It then covers these topics in more depth, explaining how directives extend HTML, how data binding works, the role of the $scope object, and how to create and inject dependencies using modules. The document also discusses controllers, services, factories and the differences between them. It concludes with brief sections on unit testing with Karma and end-to-end testing with Protractor.
Angular js
Angular jsyogi_solanki This document provides an overview of AngularJS, including what it is, how it uses MVC architecture, data binding, views, controllers, models, modules, and routing. AngularJS is an open-source JavaScript framework that uses MVC pattern and two-way data binding. It allows creating dynamic web applications using HTML as the template language and allows binding data and behavior to HTML.
The AngularJS way
The AngularJS wayBoyan Mihaylov The document presents an overview of AngularJS, highlighting its benefits for handling complex clients and its use of the MV* pattern. Key components discussed include modules, controllers, directives, filters, and services, detailing their roles and functionalities within an AngularJS application. The content also emphasizes the significance of dependency injection and the structure of scopes in efficiently managing the application state.
Angular js 1.0-fundamentals
Angular js 1.0-fundamentalsVenkatesh Narayanan This document provides an overview of AngularJS fundamentals including controllers, services, directives, dependency injection, routing, forms, and testing. It discusses key AngularJS concepts like scopes, expressions, filters, and the digest loop. Sample code is presented to demonstrate modules, controllers, and directives. Various options for server communication, caching, debugging, localization, and animation are also covered. Guidelines for optimizing AngularJS applications are provided at the end.
angularJs Workshop
angularJs WorkshopRan Wahle AngularJS is an open-source JavaScript framework for building dynamic web applications. It uses HTML as the template language and allows extending HTML vocabulary for the application. The key concepts covered in the document include modules and dependency injection, data binding using controllers and scopes, services, filters, form validation, directives, and routing. Various AngularJS features like modules, controllers, services, directives etc. are demonstrated via code examples. The document provides an introduction to core AngularJS concepts through explanations, code samples and a demo.
AngularJS Best Practices
AngularJS Best PracticesBetclic Everest Group Tech Team This document provides an overview of AngularJS best practices, covering topics such as file organization, naming conventions, modules, controllers, services, directives, and scope. It discusses organizing code by feature and type, using namespacing prefixes, understanding modules and their organization, defining controller, service and directive roles, communicating between components, avoiding FOUC, and thinking declaratively. Specific practices are covered for minification, services creation, directives usage, scope interfaces, and controllers versus link functions.
Angular Js Basics
Angular Js Basicsأحمد عبد الوهاب This document provides an introduction and overview of AngularJS including its main concepts such as MVC, dependency injection, directives, filters, data binding, routing and REST services. It also discusses Angular scaffolding tools like Yeoman and provides examples of building an Angular application including fetching data from REST APIs and implementing routing. The document contains an agenda with topics and code snippets for controllers, views, directives and services. It also includes exercises for practicing key AngularJS concepts like data binding, routing and consuming REST services.
Coffee@DBG - Exploring Angular JS
Coffee@DBG - Exploring Angular JSDeepu S Nath This document provides an overview of AngularJS, including:
- Core concepts like MVC pattern, data binding, dependency injection, modules, controllers, scopes, services, filters and directives
- When to use AngularJS for CRUD and single-page applications versus when not to for games or non-SPA apps
- Next steps like learning JavaScript fundamentals, reading documentation, doing tutorials, and checking out tools like Yeoman and Batarang
- A sample AngularJS application is demonstrated
Liferay (DXP) 7 Tech Meetup for Developers
Liferay (DXP) 7 Tech Meetup for DevelopersAzilen Technologies Pvt. Ltd. OSGi Overview provides information on OSGi, its benefits, and how it works. Key points include:
- OSGi allows developing modular Java programs through bundles that declare dependencies. Each bundle dynamically loads classes.
- In Liferay, bundles become portlets, services, or extensions. The blade CLI helps create these.
- Portlets can be implemented as MVC portlets or use configuration and portlet provider templates.
- Services can be created with Service Builder or wrapped. OSGi services can also be registered.
- Liferay modules can be extended through fragments to customize JSPs, properties, add filters or events.
AngularJs Workshop SDP December 28th 2014
AngularJs Workshop SDP December 28th 2014Ran Wahle This document provides an overview and agenda for a training on AngularJS. It introduces key concepts in AngularJS like modules, dependency injection, data binding with controllers and scopes, services, filters, directives, forms, and routing. Code examples are provided to demonstrate creating modules, controllers, services, binding data between the view and model, and using built-in and custom directives. The training will cover building AngularJS applications with a focus on best practices.
JavaScripters Event Oct 22, 2016 · 2:00 PM: Common Mistakes made by Angular D...
JavaScripters Event Oct 22, 2016 · 2:00 PM: Common Mistakes made by Angular D...JavaScripters Community The document discusses the JavaScripters community, which connects front-end engineers to share knowledge of JavaScript concepts and frameworks. It provides information on upcoming events focused on topics like React JS, Angular, and TypeScript. The document also lists some common mistakes made by Angular developers, such as not following dependency injection and improper use of ng-if vs ng-show.
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.
AngularJs-training
AngularJs-trainingPratchaya Suputsopon This document provides an overview of key AngularJS concepts including modules, controllers, directives, services, routing, and more. It covers:
- Defining modules, controllers, services, providers, and directives
- Data binding, expressions, and controller syntax
- Working with forms, validation, and animations
- Connecting to REST APIs and working with JSON
- Using directives, isolate scopes, and the link function
- Routing applications with UI Router
- Promises, events, and advanced Angular topics
The document is a tutorial that explains AngularJS fundamentals while providing code examples for common tasks like routing, working with forms, using services, and creating directives.
Single page apps_with_cf_and_angular[1]
Single page apps_with_cf_and_angular[1]ColdFusionConference AngularJS is a JavaScript framework that extends HTML and allows developers to create dynamic web applications. It features two-way data binding, services for making HTTP requests, and directives for common tasks like iteration and conditional display. The presentation discusses how to build AngularJS applications using core features like controllers, filters, forms, and routing. It also explains how to integrate AngularJS and ColdFusion by building RESTful APIs with CF components, handling data loading, and improving security. The demo application illustrates techniques for building forms, working with JSON data, and testing AngularJS applications.
Aurelia Meetup Paris
Aurelia Meetup ParisAhmed Radjdi Aurelia is a next generation JavaScript client framework that leverages modern web technologies like ES6/7, Web Components, and JSPM/SystemJS. It provides features like dependency injection, routing, data binding, and composition out of the box. To get started, install dependencies like JSPM and generate an Aurelia app using the Aurelia CLI. Views are defined in HTML templates and connected to view models using data binding. Routing is configured via routes and navigation is done programmatically. Custom elements can be created to encapsulate and reuse UI components.
JavaScripters Event Oct 22, 2016 · 2:00 PM: Common Mistakes made by Angular D...
JavaScripters Event Oct 22, 2016 · 2:00 PM: Common Mistakes made by Angular D...JavaScripters Community
Ad
Recently uploaded (20)
Cracking the Code - Unveiling Synergies Between Open Source Security and AI.pdf
Cracking the Code - Unveiling Synergies Between Open Source Security and AI.pdfPriyanka Aash Cracking the Code - Unveiling Synergies Between Open Source Security and AI
Quantum AI: Where Impossible Becomes Probable
Quantum AI: Where Impossible Becomes ProbableSaikat Basu Imagine combining the "brains" of Artificial Intelligence (AI) with the "super muscles" of Quantum Computing. That's Quantum AI!
It's a new field that uses the mind-bending rules of quantum physics to make AI even more powerful.
AI vs Human Writing: Can You Tell the Difference?
AI vs Human Writing: Can You Tell the Difference?Shashi Sathyanarayana, Ph.D This slide illustrates a side-by-side comparison between human-written, AI-written, and ambiguous content. It highlights subtle cues that help readers assess authenticity, raising essential questions about the future of communication, trust, and thought leadership in the age of generative AI.
UserCon Belgium: Honey, VMware increased my bill
UserCon Belgium: Honey, VMware increased my billstijn40 VMware’s pricing changes have forced organizations to rethink their datacenter cost management strategies. While FinOps is commonly associated with cloud environments, the FinOps Foundation has recently expanded its framework to include Scopes—and Datacenter is now officially part of the equation. In this session, we’ll map the FinOps Framework to a VMware-based datacenter, focusing on cost visibility, optimization, and automation. You’ll learn how to track costs more effectively, rightsize workloads, optimize licensing, and drive efficiency—all without migrating to the cloud. We’ll also explore how to align IT teams, finance, and leadership around cost-aware decision-making for on-prem environments. If your VMware bill keeps increasing and you need a new approach to cost management, this session is for you!
Oh, the Possibilities - Balancing Innovation and Risk with Generative AI.pdf
Oh, the Possibilities - Balancing Innovation and Risk with Generative AI.pdfPriyanka Aash Oh, the Possibilities - Balancing Innovation and Risk with Generative AI
WebdriverIO & JavaScript: The Perfect Duo for Web Automation
WebdriverIO & JavaScript: The Perfect Duo for Web Automationdigitaljignect In today’s dynamic digital landscape, ensuring the quality and dependability of web applications is essential. While Selenium has been a longstanding solution for automating browser tasks, the integration of WebdriverIO (WDIO) with Selenium and JavaScript marks a significant advancement in automation testing. WDIO enhances the testing process by offering a robust interface that improves test creation, execution, and management. This amalgamation capitalizes on the strengths of both tools, leveraging Selenium’s broad browser support and WDIO’s modern, efficient approach to test automation. As automation testing becomes increasingly vital for faster development cycles and superior software releases, WDIO emerges as a versatile framework, particularly potent when paired with JavaScript, making it a preferred choice for contemporary testing teams.
You are not excused! How to avoid security blind spots on the way to production
You are not excused! How to avoid security blind spots on the way to productionMichele Leroux Bustamante We live in an ever evolving landscape for cyber threats creating security risk for your production systems. Mitigating these risks requires participation throughout all stages from development through production delivery - and by every role including architects, developers QA and DevOps engineers, product owners and leadership. No one is excused! This session will cover examples of common mistakes or missed opportunities that can lead to vulnerabilities in production - and ways to do better throughout the development lifecycle.
Using the SQLExecutor for Data Quality Management: aka One man's love for the...
Using the SQLExecutor for Data Quality Management: aka One man's love for the...Safe Software The SQLExecutor is one of FME’s most powerful and flexible transformers. Pivvot maintains a robust internal metadata hierarchy used to support ingestion and curation of thousands of external data sources that must be managed for quality before entering our platform. By using the SQLExecutor, Pivvot can efficiently detect problems and perform analysis before data is extracted from our staging environment, removing the need for rollbacks or cycles waisted on a failed job. This presentation will walk through three distinct examples of how Pivvot uses the SQLExecutor to engage its metadata hierarchy and integrate with its Data Quality Management workflows efficiently and within the source postgres database. Spatial Validation –Validating spatial prerequisites before entering a production environment. Reference Data Validation - Dynamically validate domain-ed columns across any table and multiple columns per table. Practical De-duplication - Removing identical or near-identical well point locations from two distinct source datasets in the same table.
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdfcaoyixuan2019 A presentation at Internetware 2025.
"Scaling in space and time with Temporal", Andriy Lupa.pdf
"Scaling in space and time with Temporal", Andriy Lupa.pdfFwdays Design patterns like Event Sourcing and Event Streaming have long become standards for building real-time analytics systems. However, when the system load becomes nonlinear with fast and often unpredictable spikes, it's crucial to respond quickly in order not to lose real-time operating itself.
In this talk, I’ll share my experience implementing and using a tool like Temporal.io. We'll explore the evolution of our system for maintaining real-time report generation and discuss how we use Temporal both for short-lived pipelines and long-running background tasks.
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025OpenACC The OpenACC organization focuses on enhancing parallel computing skills and advancing interoperability in scientific applications through hackathons and training. The upcoming 2025 Open Accelerated Computing Summit (OACS) aims to explore the convergence of AI and HPC in scientific computing and foster knowledge sharing. This year's OACS welcomes talk submissions from a variety of topics, from Using Standard Language Parallelism to Computer Vision Applications. The document also highlights several open hackathons, a call to apply for NVIDIA Academic Grant Program and resources for optimizing scientific applications using OpenACC directives.
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalogshyamraj55 This presentation dives into how MuleSoft empowers AgentForce with organized API discovery and streamlined integration using Topic Center and the API Catalog. Learn how these tools help structure APIs around business needs, improve reusability, and simplify collaboration across teams. Ideal for developers, architects, and business stakeholders looking to build a connected and scalable API ecosystem within AgentForce.
Enhance GitHub Copilot using MCP - Enterprise version.pdf
Enhance GitHub Copilot using MCP - Enterprise version.pdfNilesh Gule Slide deck related to the GitHub Copilot Bootcamp in Melbourne on 17 June 2025
9-1-1 Addressing: End-to-End Automation Using FME
9-1-1 Addressing: End-to-End Automation Using FMESafe Software This session will cover a common use case for local and state/provincial governments who create and/or maintain their 9-1-1 addressing data, particularly address points and road centerlines. In this session, you'll learn how FME has helped Shelby County 9-1-1 (TN) automate the 9-1-1 addressing process; including automatically assigning attributes from disparate sources, on-the-fly QAQC of said data, and reporting. The FME logic that this presentation will cover includes: Table joins using attributes and geometry, Looping in custom transformers, Working with lists and Change detection.
Salesforce Summer '25 Release Frenchgathering.pptx.pdf
Salesforce Summer '25 Release Frenchgathering.pptx.pdfyosra Saidani Salesforce Summer '25 Release Frenchgathering.pptx.pdf
Cluster-Based Multi-Objective Metamorphic Test Case Pair Selection for Deep N...
Cluster-Based Multi-Objective Metamorphic Test Case Pair Selection for Deep N...janeliewang985 the slides of the MP selection approach CMPS
10 Key Challenges for AI within the EU Data Protection Framework.pdf
10 Key Challenges for AI within the EU Data Protection Framework.pdfPriyanka Aash 10 Key Challenges for AI within the EU Data Protection Framework
From Manual to Auto Searching- FME in the Driver's Seat
From Manual to Auto Searching- FME in the Driver's SeatSafe Software Finding a specific car online can be a time-consuming task, especially when checking multiple dealer websites. A few years ago, I faced this exact problem while searching for a particular vehicle in New Zealand. The local classified platform, Trade Me (similar to eBay), wasn’t yielding any results, so I expanded my search to second-hand dealer sites—only to realise that periodically checking each one was going to be tedious. That’s when I noticed something interesting: many of these websites used the same platform to manage their inventories. Recognising this, I reverse-engineered the platform’s structure and built an FME workspace that automated the search process for me. By integrating API calls and setting up periodic checks, I received real-time email alerts when matching cars were listed. In this presentation, I’ll walk through how I used FME to save hours of manual searching by creating a custom car-finding automation system. While FME can’t buy a car for you—yet—it can certainly help you find the one you’re after!
You are not excused! How to avoid security blind spots on the way to production
You are not excused! How to avoid security blind spots on the way to productionMichele Leroux Bustamante
Angular js introduction
- 2. Looking Back • Code scattering and tangling(Unobtrusive) • Dependency management(AMD, module) • Scope(closure) • The Pyramid of Doom(promise) • Testing(Jasmine)
- 3. Feature • MVC/MVVM framework • Module • Scope • Templates and Data Bindings • Directives • Dependency Injection • Testable
- 4. http://plnkr.co/edit/0xdJwbiGr8EYqav0DFQr Declare Controller with function Model Directive and Bootstrap Template and Binding
- 6. Anatomy • Bootstrap – By using ng-app – Support manually by angular.bootstrap(element[, modules]); • MVC – View : DOM and template – Controller : Javascript Function – Model : Object Properties • Data Binding – Updating view({{interpolation}}) whenever model($scope[properties]) changes and vice versa
- 7. Module • <html ng-app='moduleName'> • angular.module('moduleName', [dependencie s]) • Module API – config/constant/controller/directive/factory/filter/ provider/run/service/value
- 8. Scope • Each Angular application has exactly one root scope, but may have several child scopes. • One created with each controller • Inherited from $rootScope • $watch – observe model mutations • $apply – propagate any model changes through the system into the view from outside of the Angular http://plnkr.co/edit/D8RaIlT9wWDK55HWZSNp
- 9. Directives • ng-init • ng-bind • ng-model • ng-show/ng-hide • ng-repeat • ng-switch
- 10. Custom Directives • Consider creating a custom DSL • Translating the camel case name into snake case with these special characters :, -, or _ • Options for directive declaration usage – element – attribute – class – comment http://plnkr.co/edit/GQkYJMzYyKHJ8Ufmb1nr http://plnkr.co/edit/MfTAdjUITyR0IniJf51n
- 11. Filters • Format data for display to the user • {{ expression [|filter_name[:parameter_value] ... ] }} • Build-in filter currency/date/filter/json/limitTo/lowercase/number /orderBy/uppercase • Support custom filter http://plnkr.co/edit/a23sJj4OQpD1BNcuGfJB
- 12. Form • Directive that instantiates FormController • Types – text/checkbox/file/password/email/url/numer/range/date • Status – $pristine/$dirty/$valid/$invalid/$error • Validation – novalidate/required/pattern/minlength/maxlength/min/m ax/change • Class – ng-invalid/ng-valid/ng-pristine/ng-dirty http://plnkr.co/edit/dE91ImbqV401OfSMoAFx
- 13. Dependency Injection 1. moduleName.controller('Controller',['$scope', 'service1', 'service2'],function(($scope,service1,service2){…….}); 2. moduleName.controller('Controller', function(($scope,service1,service2){…….}); 3. function($scope,service1,service2){…….} • Only first is acceptable if you want to minifying your javascript and it also recommended by official web site • Third can be acceptable by adding $Controller.$inject = ['$scope', 'service1', 'service2']
- 14. Promise
- 15. Service • service – get service from instantiation of your function module.service( 'serviceName', yourFunction); • factory – get factory from the value that is returned by invoking your function module.factory( 'factoryName', yourFunction); • provider – get provider from instantiation of your function and invoke $get() module. provider( ' providerName', yourFunction); http://plnkr.co/edit/fwxmaFBMofiyGd0du1K4
- 16. Service Communication • $http – low-level implementation of XHR – support method GET/HEAD/POST/DELETE/PUT/JSONP • $resource – include the angular-resource.js – angular.module('myModule', ['ngResource'])) – use inject $resource where needed
- 17. Service Communication • $resource – Default nethod – Support Custom Method http://plnkr.co/edit/XVeWmx512HIuYfRYjYdu Name Method Is Array get GET save POST query GET true remove DELETE delete DELETE
- 18. Routing • Used for deep-linking URLs to controllers and views • Using $routerProvider to point to the correct view when coupled with the ngView directive at config phase • $routeParams – Current set of route parameters – /Chapter/:chapterId/Section/:sectionId ==> {chapterId:1, sectionId:2} • $locationProvider – HashBang Mode – HTML5 Model http://plnkr.co/edit/RltdXkVrEXRogJVOYbTO
- 19. Best Practices • Script tag on the bottom of page • Use ng-cloak or ng-bind instead of {{interpolation}} avoid user see{{}} • Structuring Business Logic – Controllers • should not reference DOM • should have view behavior – Services • should not reference DOM • singleton • have logic independent of View • Scope – threat as read-only in templates and write-only in controllers – should be the reference of the model http://www.youtube.com/watch?v=ZhfUv0spHCY&list=TL126yqdm_Yyk
- 20. Resource • http://angularjs.org/ • http://www.youtube.com/user/angularjs • https://github.com/jmcunningham/AngularJS- Learning • https://github.com/angular/angular.js/wiki/JsFidd le-Examples • https://gitcafe.com/Angularjs/Angularjs- Developer-Guide/tree/master • http://zouyesheng.com/angular.html • https://www.facebook.com/groups/augularjs.tw/