The Angular framework allows developers to create lightweight single page web applications with ease. By leveraging the Angular framework and the SharePoint 2013 REST API, we can create lightweight applications within SharePoint as alternatives to InfoPath forms and OOTB SharePoint web parts. This presentation will cover the basics of single page applications with Angular as well as targeting the SharePoint platform with SPA applications.
AngularJS - What is it & Why is it awesome ? (with demos)Gary Arora
AngularJS - What is it & Why is it awesome! A quick introduction to AngularJS, its features and some demos. This deck was part of Gary Arora's presentation for the Boston Code Mastery event in December 2013.
AngularJS - What is it & Why is it awesome ? (with demos)Gary Arora
AngularJS - What is it & Why is it awesome! A quick introduction to AngularJS, its features and some demos. This deck was part of Gary Arora's presentation for the Boston Code Mastery event in December 2013.
Material I prepared for a beginner's workshop on AngularJS. Feel free to change it for your own use. I would appreciate it if you attributed the original to me.
On September 25th we hosted a webinar on “Step by Step AngularJS for beginners” for the Indian region and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered:
• Introduction to AngularJS
• Introduction to SPA
• Controller and $scope object
• Controller hierarchy
• Service and factory methods
• Routing
• CRUD operations in AngularJS application
And more!
AngularJS - Architecture decisionsin a large project Elad Hirsch
Architecture Decisions in a large project (Elad Hirsch, Web team Leader @ IDI)
At this session we will take practical road - look into IDI Full-Stack architecture, dive around the spec and explore the challenges developing a large scale web project.
AngularJS 101 - Everything you need to know to get startedStéphane Bégaudeau
In this presentation, you will find everything need to get started with AngularJS.
For more details, have a look at my blog (http://stephanebegaudeau.tumblr.com) or follow me on twitter (@sbegaudeau)
Checkout our contributions: http://angularify.org/
Angular Best Practices presented at Techcamp Vietnam 2014 (techcamp.vn).
Github source code:
https://github.com/henrytao-me/angular-best-practices
RESOURCES & REFERENCES
AngularJS style guide
https://github.com/mgechev/angularjs-style-guide
Best practices from father of AngularJS
http://www.youtube.com/watch?v=ZhfUv0spHCY
ng-boilerplate
https://github.com/ngbp/ngbp
Airbnb prerender backbone
http://nerds.airbnb.com/weve-open-sourced-rendr-run-your-backbonejs-a/
AngularSEO from yearofmoo
http://www.yearofmoo.com/2012/11/angularjs-and-seo.html
AngularJS full testing with Karma from yearofmoo
http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-karma.html%23testing-controllers
AngularJS Video from egghead.io
http://egghead.io/lessons
AngularJS Best Practices – offically
https://github.com/angular/angular.js/wiki/Best-Practices
AngularJS Experiment
http://www.bennadel.com/blog/2439-My-Experience-With-AngularJS-The-Super-heroic-JavaScript-MVW-Framework.htm
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.
A presentation made for the AngularJS-IL meetup group that took place in jan 2014 at Google TLV Campus.
its a demonstration of how to integrate requireJS with AngularJS to achieve lazy loading and registration of angular components after bootstrap.
this slideshow contain a link for a working demo
This is a laconic presentation on Angular JS for beginners only. I have emphasized on example rather than theory. There are self explained source code urls attached with slides. In the last slide I have attached source code for a real life example using Angular JS an BootStrap which may be very helpful to understand the concept of Angular JS.
Material I prepared for a beginner's workshop on AngularJS. Feel free to change it for your own use. I would appreciate it if you attributed the original to me.
On September 25th we hosted a webinar on “Step by Step AngularJS for beginners” for the Indian region and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered:
• Introduction to AngularJS
• Introduction to SPA
• Controller and $scope object
• Controller hierarchy
• Service and factory methods
• Routing
• CRUD operations in AngularJS application
And more!
AngularJS - Architecture decisionsin a large project Elad Hirsch
Architecture Decisions in a large project (Elad Hirsch, Web team Leader @ IDI)
At this session we will take practical road - look into IDI Full-Stack architecture, dive around the spec and explore the challenges developing a large scale web project.
AngularJS 101 - Everything you need to know to get startedStéphane Bégaudeau
In this presentation, you will find everything need to get started with AngularJS.
For more details, have a look at my blog (http://stephanebegaudeau.tumblr.com) or follow me on twitter (@sbegaudeau)
Checkout our contributions: http://angularify.org/
Angular Best Practices presented at Techcamp Vietnam 2014 (techcamp.vn).
Github source code:
https://github.com/henrytao-me/angular-best-practices
RESOURCES & REFERENCES
AngularJS style guide
https://github.com/mgechev/angularjs-style-guide
Best practices from father of AngularJS
http://www.youtube.com/watch?v=ZhfUv0spHCY
ng-boilerplate
https://github.com/ngbp/ngbp
Airbnb prerender backbone
http://nerds.airbnb.com/weve-open-sourced-rendr-run-your-backbonejs-a/
AngularSEO from yearofmoo
http://www.yearofmoo.com/2012/11/angularjs-and-seo.html
AngularJS full testing with Karma from yearofmoo
http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-karma.html%23testing-controllers
AngularJS Video from egghead.io
http://egghead.io/lessons
AngularJS Best Practices – offically
https://github.com/angular/angular.js/wiki/Best-Practices
AngularJS Experiment
http://www.bennadel.com/blog/2439-My-Experience-With-AngularJS-The-Super-heroic-JavaScript-MVW-Framework.htm
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.
A presentation made for the AngularJS-IL meetup group that took place in jan 2014 at Google TLV Campus.
its a demonstration of how to integrate requireJS with AngularJS to achieve lazy loading and registration of angular components after bootstrap.
this slideshow contain a link for a working demo
This is a laconic presentation on Angular JS for beginners only. I have emphasized on example rather than theory. There are self explained source code urls attached with slides. In the last slide I have attached source code for a real life example using Angular JS an BootStrap which may be very helpful to understand the concept of Angular JS.
It's a talk that I gave on Talk.JS Singapore @ July 1st, 2013. Talking about introduction to building SPA with AngularJS.
I only have 2 weeks experience using AngularJS by the time I wrote this, so there might be a lot of missing gap about development best practices.
My trully intention is just to share my experience to a beginner like me.
If you had to rank the best and worst moments of your JavaScript life, you’d probably rank reading “The Good Parts” up towards the top, and deep down at the bottom of the list would be the day that you found out that you couldn’t make cross-domain requests in the browser. This talk covers the hacks, tips, and tricks to leave the Same Origin Policy in the dust. So grab a cookie, pad your JSON, and learn how to communicate properly.
Agenda:
1- Introduction: basic description and overview about what is angular and why we should use it.
2- AngularJS Core Features: key features of angularJS.
3- Guides and help: API and documentation references, in addition of online courses.
Angular 6 Training with project in hyderabad indiaphp2ranjan
ngularJS is one of the JavaScript open-source web application frameworks which is generally used to add an HTML page along with a tag. The major aim of AngularJS is to simplify the application development and testing performance by providing a framework called MVC (Model View Controller) Architecture. It enables the application to change from bulk amount of programming code into a simple code.
What are the key distinctions between Angular and AngularJS?Albiorix Technology
What distinguishes Angular from AngularJS? Do they actually differ from one another? Learn more about the distinctions between Angular and AngularJS and also know about what kind of frameworks are, what are their features, and learn about their architecture, and their pros, and cons. Let's know which one is better: Angular Vs AngularJS, in this presentation. Did we miss anything? Please contact us and share your points.
Reference: https://www.albiorixtech.com/blog/angular-vs-angularjs/
So, recently I had my first Web Development Experience.
After some research and many iterations on different approaches I came out with these solutions:
MVC – Model View Controller Architecture
AWS – Amazon Web Services
Front End – AngularJS and RDW (Responsive Web Design)
Server and Back End – Django and REST API
Application Version of the Web App – Unity and StrangeIoC Framework.
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptxsarah david
The primary distinction between AngularJS and Angular is that AngularJS is built with JavaScript, whereas Angular is built with TypeScript. There are significant similarities between these two open-source front-end frameworks for creating dynamic web applications and SPAs. Let’s have a look at their differences as well.
Presentation about new Angular 9.
It gives introduction about angular framework.
Provides information about why we use angular,
additional features and fixes from old versions. It will clearly explain how to create a new angular project and how to use angular commands and their usages.
It will also explain about the key components like angular architecture, routing, dependency injection etc.,
AngularJS Is a client-side MVC JavaScript framework for writing single page web applications(SPA). It's built and mantained by Google. It helps you to build testable web applications that can be scale. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. The unique and innovative features are two-way-data bindings, dependency injection, easy-to-test code and extending the HTML dialect by using directives.
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptxsarah david
The primary distinction between AngularJS and Angular is that AngularJS is built with JavaScript, whereas Angular is built with TypeScript. There are significant similarities between these two open-source front-end frameworks for creating dynamic web applications and SPAs. Let’s have a look at their differences as well.
Through this blog you will get to know more about Angular and AngularJS framework and also the major differences between them.
Fundamentals and Implementations of Angular JS with renowned Technology Platf...OptiSol Business Solutions
A white paper on Fundamentals and Implementations of AngularJS with renowned Technology Platforms. for more info: http://www.optisolbusiness.com/White_paper_Angular_JS.pdf
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptxsarah david
The primary distinction between AngularJS and Angular is that AngularJS is built with JavaScript, whereas Angular is built with TypeScript. There are significant similarities between these two open-source front-end frameworks for creating dynamic web applications and SPAs. Let’s have a look at their differences as well.
Through this blog you will get to know more about Angular and AngularJS framework and also the major differences between them.
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pdfsarah david
The primary distinction between AngularJS and Angular is that AngularJS is built with JavaScript, whereas Angular is built with TypeScript. There are significant similarities between these two open-source front-end frameworks for creating dynamic web applications and SPAs. Let’s have a look at their differences as well.
AngularJS framework primarily transforms static HTML into dynamic HTML. While Angular is a JS-based framework, type script is its core programming language and all the capabilities of JS plus some extra features.
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pdfsarah david
The primary distinction between AngularJS and Angular is that AngularJS is built with JavaScript, whereas Angular is built with TypeScript. There are significant similarities between these two open-source front-end frameworks for creating dynamic web applications and SPAs. Let’s have a look at their differences as well.
Through this blog you will get to know more about Angular and AngularJS framework and also the major differences between them.
Similar to Single Page Applications in SharePoint with Angular (20)
No matter how fast business moves, there’s no substitute for a smart, carefully crafted IT plan that is aligned with your business strategy. At SQLSaturday Baton Rouge, Sparkhound Principal Consultant Tim Goedeke discussed his experiences as a fractional CIO, challenged with helping IT fulfill its role as a strategic business partner for speed to market, product / service differentiation and superior end-user experience delivery. Are you ready to eliminate perceptions of IT as a cost center, and paint the vision of IT as a business driver?
Quality Assurance: What is it and what are the Business Benefits?Sparkhound Inc.
This is a Beginner/Intermediate -evel presentation. Sparky Lyle Hutson discusses some of the basics about what QA is capable of - both for waterfall and agile methodology. He discusses building a test matrix and its effectiveness with multiple checkpoints throughout a given testing session, as well as simple QA tricks.
Ground floor introduction to the tools and best practices surrounding SQL Server’s built-in web-based, enterprise-level reporting engine. We'll start with what SSRS is, what you'll use it for and give top tips to know when developing your first reports.
Dashboards for Everyone with Microsoft Power BI & ExcelSparkhound Inc.
Microsoft Excel – and their next generation cloud toolset Power BI - are the best kept secrets in business intelligence and analytics software. Most of what executives and business analysts want from pricey analytics platforms can be accomplished immediately using Microsoft tools already installed on their desktops – including drag and drop visualization, mapping, business modeling, connecting to cloud data sources, and single-pane-of-glass dashboards. Join Rusty Frioux, Sparkhound’s Analytics Strategist, as he discusses the Next Generation of Business Intelligence.
Spinning Brown Donuts: Why Storage Still CountsSparkhound Inc.
Storage, next to server hardware, is pretty commoditized and probably the least exciting thing in your datacenter. However, not properly assessing your storage needs and requirements can be the difference between a great app or resume generating event. This session will cover topics such as: Why you may not need all flash, SAN is not just NAS spelled backwards, leveraging cloud storage, why RAID is not a sound backup solution, and cutting through the marketing to make sense of it all.
This session will present an introduction to the AngularJS JavaScript framework. In order to present the main concepts of AngularJS, we will review a simple Single Page Application (SPA) constructed with the framework. A basic knowledge of HTML and JavaScript will be helpful in understanding the concepts presented in this session.
Teaching users at all technical levels how to use SharePoint 2013’s search webparts to display content from any location with custom visuals. This session will also discuss the strengths and limitations of search along with best practices for implementing search solutions.
Ensuring Quality Mobile Apps with Testing and Crash ReportingSparkhound Inc.
In this session, we will be testing a cross-platform mobile app with unit tests and UI Tests and then incorporate crash reporting / analytics. The cross platform app will be for iOS, Android, and Windows Phone written in C# using Xamarin.
Excellent customer service and high customer satisfaction must start with understanding customer expectations. Whether your customers are internal (i.e., HR, Finance, Marketing business users) or external, you need to know who your customers are and what their goals are before launching any business initiative. If not, you’ll never win. Pulling from her industry experience in Government, Legal, Education and Healthcare, Strategic Engagement Manager Shannon Duplessis will use the Sparkhound Assessment Model (SAM) approach to show how to assess client needs, agree upon desired expectations and results, and then develop the right KPIs (Key Performance Indicators) to measure success.
Virtualization has pretty much become the de facto standard in datacenters today. However, there are a few holdouts as people aren’t confident that today’s modern hypervisors can give their applications the performance they need. As someone who’s evangelized virtualization for nearly a decade, David Pechon will show why there’s no reason why you shouldn’t virtualize.
What is "Next Generation" Analytics? How does it fit with my Business Vision?Sparkhound Inc.
At a recent Arkansas Lunch & Learn, Sparky Business Analyst Rusty Frioux discusses Sparkhound's end-to-end Business Intelligence & Analytics approach that drives business impact through technologies like SharePoint and Power BI. Learn what Business Intelligence & Analytics is and how to build the right strategy and tools for your business.
What is the right SharePoint Cloud Strategy for My Business? Sparkhound Inc.
At a recent Lunch & Learn event in Arkansas, Sparky SharePoint Director Cody Gros presents the differences between and benefits of SharePoint Online, On-Premise and Azure IaaS.
Identity Management for Office 365 and Microsoft AzureSparkhound Inc.
Sparkhound Senior Infrastructure Consultant David Pechon discusses Identity Management for O365 and Azure at the 2015 SharePoint TechFest Dallas event held at the Irving Convention Center. Learn how Active Directory Federation Services and DirSync allow you to synchronize your organization’s Active Directory and use it to authenticate users to Office 365 applications, such as Exchange Online, OneDrive for Business and SharePoint Online.
Htf2014 managing share point projects with agile and tfs andySparkhound Inc.
Agile is a well established methodology in many areas. When it comes to SharePoint, it isn't as well established. Some businesses are still moving to Agile in an effort to have "quick wins" on their projects. This session looks at the challenges of managing SharePoint projects with an Agile methodology and how TFS and other tools like MS Project and MS Excel can help to keep the team and management moving forward together.
In this practical and script-focused session, Presenter William Assaf discusses best practices regarding SQL Server administration, maintenance, optimizations and monitoring using Dynamic Management Views. DMV's are essential tools for the SQL administrator, but have a wide range of applications by developers, network engineers and DBAs.
Optimizing Code Reusability for SharePoint using Linq to SharePoint & the MVP...Sparkhound Inc.
Whether developing a small customization or a large enterprise solution, one goal is to minimize redundancy in Code. In this presentation, Sparkhound Consultant Ted Wagner shows how the MVP design pattern is used in SharePoint to create business models that can be reused easily between other ASP or C# application.
Cody's presentation will go through the fundamental PowerShell cmdlets you need to know, as well as dive into common SharePoint scenarios where you can use PowerShell for automation. Level: Beginner
SharePoint 2013 has extended the REST interface to provide easy access to data within your SharePoint farm. The REST interface opens the SharePoint 2013 development platform to standard Web technologies and languages. This presentation will cover the basics of getting started with the REST service and provide beneficial examples of using REST.
JSLink is client functionality in SharePoint 2013 that allows you to format the look, feel and functionality of various objects such as site collection fields, list forms and list views. This session will take the audience from the absolute beginning of using JSLink to examples of using it in real world applications. Level: Beginner
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
2. About Me
Senior Developer Consultant at Sparkhound
Email: eric.trivette@Sparkhound.com
Sparkhound Blog:
http://www.sparkhound.com/pages/blogs.aspx
2
3. What We Will Cover
What is Angular and Why use it in SharePoint?
A Brief Overview of the MVC Design Pattern
Key Angular Terminology
Getting Started With a Basic Angular Application
Demo – To-Do List Application
3
4. What is Angular?
A Single Page Application (SPA) framework created by
Google to help simplify the process of creating client side
applications.
Utilizes the Model View Controller design pattern by
splitting pages into the following:
Models
Views
Controllers
Utilizes modules and dependency injection to promote
clean coding practices.
4
5. Why Use Angular in SharePoint?
Makes client side application development
extremely easy
Very easy to deploy.
The REST service is already there, just push
Javascript and HTML files to necessary
document libraries.
No custom solutions that need to be package
and deployed by an administrator.
5
6. Why Use Angular in SharePoint? (cont.)
The fluid nature of applications written in
Angular blends well with SharePoint’s
architecture.
High performance – offload processing to client
and minimize amount of data sent over the wire.
6
8. Key Angular Terminology
Directives
Extend the DOM, apply data bindings.
ng-app, ng-controller, ng-view, ng-model, ng-repeat, etc.
Modules
Containers for all Angular functionality. (i.e. Namespaces)
$scope
Your model. Uses to pass data from controller to view.
8
9. Key Angular Terminology (cont.)
Services
Angular provides built in services for common tasks:
$http, $q, $route, $timeout, $document, $exceptionHandler, etc…
Can create custom services to be used in controllers.
Double mustache {{ }}
Angular’s inline data binding expressions. Ng-model for forms.
9
10. Basic Angular App Checklist
Reference necessary Angular Javascript files – “angular.js”
and “angular-route.js”.
Create a module for your application
Create an application container
Create a controller
Perform needed data retrieval and add data to the $scope
object (model)
Create a view for your controller within your app container.
Add an “ng-controller” directive to your app container to tell
angular to use your new controller.
Run your application!
10
Utilizes Model View Controller design pattern by splitting pages into the following:
Models – Data to be displayed on a page. Referred to as $scope in Angular
Views – Segments of HTML markup to represent the primary contents of a page.
Controllers – Code to initialize the model for a view and respond to actions performed by the user.
Before we move any further… here are some key angular terms!
Before we move any further… here are some key angular terms!