Slides shows the latest trends used in building RESTful API using ASP.NET Web API and how to build SPA using AngularJS which talks to those RESTful APIs
Slides used in Global Windows Azure Bootcamp, session was about using Azure Mobile Services along with SignalR, ASP.NET Web API to build Windows Phone 8.1 App.
Slides used to spread awareness between mobile developers and back-end developers on how to follow best practices to secure back-end HTTP services and avoid common pitfall and leaky APIs, OAuth 2.0 used to as solution for securing the HTTP Services.
SenchaCon 2016: An Ext JS Dashboard for IoT Data - Dan Gallo Sencha
Big data and Internet of Things (IoT) connectivity is increasingly forcing enterprises to find solutions to organize and visualize large amounts of incoming data. To allow rapid decision-making for everything from immediate actions in tactical situations to strategic analysis and reporting, developers need the ability to provide a flexible dashboard that allows users to visualize critical insights from all that data, on any screen and device. This session will demonstrate a dashboard app that provides big data analysis capabilities and interacts with IoT devices via Ext JS constructed components including Grids, Charts, and Widgets.
SenchaCon 2016: Refine Enterprise Applications by Focusing on U0ser Experienc...Sencha
In this session, we will look at how we at Orango have used Ext JS together with Enterprise Resource Planning (ERP) systems to develop user friendly and modern applications for all platforms. We will also look at real-world examples of custom Ext JS components that are built to provide a great user experience, but also with code maintenance and refactoring in mind. After this session, you will have the tools and knowledge to spoil your enterprise users with excellent user experience.
Slides used in Global Windows Azure Bootcamp, session was about using Azure Mobile Services along with SignalR, ASP.NET Web API to build Windows Phone 8.1 App.
Slides used to spread awareness between mobile developers and back-end developers on how to follow best practices to secure back-end HTTP services and avoid common pitfall and leaky APIs, OAuth 2.0 used to as solution for securing the HTTP Services.
SenchaCon 2016: An Ext JS Dashboard for IoT Data - Dan Gallo Sencha
Big data and Internet of Things (IoT) connectivity is increasingly forcing enterprises to find solutions to organize and visualize large amounts of incoming data. To allow rapid decision-making for everything from immediate actions in tactical situations to strategic analysis and reporting, developers need the ability to provide a flexible dashboard that allows users to visualize critical insights from all that data, on any screen and device. This session will demonstrate a dashboard app that provides big data analysis capabilities and interacts with IoT devices via Ext JS constructed components including Grids, Charts, and Widgets.
SenchaCon 2016: Refine Enterprise Applications by Focusing on U0ser Experienc...Sencha
In this session, we will look at how we at Orango have used Ext JS together with Enterprise Resource Planning (ERP) systems to develop user friendly and modern applications for all platforms. We will also look at real-world examples of custom Ext JS components that are built to provide a great user experience, but also with code maintenance and refactoring in mind. After this session, you will have the tools and knowledge to spoil your enterprise users with excellent user experience.
In this session, Massimo will go through the Swagger specification and some open source tools built on top of Swagger. This includes Swagger editors and how they can be used to create our API stubs,
the Swashbuckle tool to auto-generate swagger.json, to keep it in sync with the server code and to make it discoverable. Finally he will demonstrate the Swagger integration in the API Management space (Azure API Management and Sentinet).
How to get hosting and domain to deploy your ASP.net application? Provide step by step detail. Also add steps how to configure IIS when deploy application with web hosting.
ECS 2018: Introduction to Azure Web ApplicationsEric Shupps
The Azure platform offers many opportunities for developers to build robust, cloud-first applications that integrate directly with Office 365. Learn how to leverage the power of the Microsoft cloud infrastructure to create solutions with fully-integrated single sign-on and authorization. Discover tips and tricks for rapidly building, deploying and managing Azure solutions, along with techniques for leveraging the Office 365 API’s from your cloud applications.
How many times have you experienced the agonizing wait as you navigate through a web application? Looking expectantly at the screen, and waiting for the page to load? Frustrating, isn’t it?
Using Single Page web application (SPA) technique can give your web application as seamless an experience as a desktop application. So, what is SPA? And how does it enhance the viewer experience?
The webinar will take you through a step-by-step introduction to SPA, its building blocks, the design techniques and advantages of SPA. It will also discuss the distinct advantages of using AngularJS for Single Page Applications and feature an application demo.
Key Takeaways:
Single Page Web Applications [SPA] , Present and Future
- Introduction
- Why SPA, advantages
- SPA- Multiplatform perspective
- Future of SPA
Architectural considerations for developing SPA
- Building blocks of SPA
- Main Challenges in Web Application Development
Why choose AngularJS for SPA
- Walkthrough of Key AngularJS features
- Advantages of AngularJS in SPA development
Application Demo
Who will benefit from this webinar?
ISVs who want to make their web applications more fluid and engaging for their users
Businesses who don’t want to lose customers because of a slow website
- B2C portals
- Online Retailers
- Travel & Hospitality
- Online shopping portals
- Healthcare portals
Educational & training institutions
SenchaCon 2016: Cross-Platform Mobile App Development with Cordova and Visual...Sencha
The promise of hybrid mobile app development using Cordova is quite alluring. As a web developer, you use your Ext JS skills to build cross-platform mobile applications for iOS/Android/Windows with a single code base. Visual Studio and the latest Ext JS framework provide powerful capabilities with which you can create sophisticated, mobile apps with UX components such as Pivot Grid, Calendar, and D3-based charts. Join Microsoft and Sencha to see how to build enterprise cross-platform mobile apps using Visual Studio, Ext JS, and Apache Cordova, and leverage device capabilities.
Learn essentials of Microsoft azure for developers.
Microsoft Azure is a growing collection of integrated cloud services which developers and IT professionals use to build, deploy and manage applications through our global network of datacentres. With Azure, you get the freedom to build and deploy wherever you want, using the tools, applications and frameworks of your choice.
Introducing Office Web Apps as a Tool for Developing Content Rich ApplicationsRyan McIntyre
Office Web Apps was introduced with SharePoint 2010 as a service used to provide browser-based access to Office documents. Office Web Apps (OWA) 2013 modifies the service architecture significantly, enabling the exposure of document interactions through a browser to be customized and expanded within SharePoint as well as outside of SharePoint.
With this architecture change, we need to review the capabilities from a new perspective and question how we can best leverage this service. To start, we need to understand the new architecture changes. From there, how do we manage the health of OWA and apply updates? How do we leverage OWA to build additional capabilities into our applications? How do we expand OWA capabilities? What are the differences in OWA on-prem and OWA Office 365?
In this session, we'll be answering these questions and more. We'll look at the new 2013 architecture and understand how to deploy the service on-prem and manage it properly. We will then look at how to extend the service and take advantage of the new capabilities in both our SharePoint and non-SharePoint solutions. You'll leave the session with a deeper understanding of OWA capabilities, and ready to incorporate OWA into your solution architectures!
[Elio Struyf] We all have these daily tasks that can be automated. Like checking if the backup job of your site completed, or looking how many times a file has been accessed, etc. These kinds of tasks are great to be automated by an Azure Functions. In this session, you will get an overview of what Azure Functions can do for you. With some demos, we go step by step through the creation, debugging and deployment process of these functions.
This is the presentation I used in Dreamforce 2018 where I gave a session on "Decoding Locker Service". The link to blog and code can be found in slide number 13 in this presentation
In this session, Massimo will go through the Swagger specification and some open source tools built on top of Swagger. This includes Swagger editors and how they can be used to create our API stubs,
the Swashbuckle tool to auto-generate swagger.json, to keep it in sync with the server code and to make it discoverable. Finally he will demonstrate the Swagger integration in the API Management space (Azure API Management and Sentinet).
How to get hosting and domain to deploy your ASP.net application? Provide step by step detail. Also add steps how to configure IIS when deploy application with web hosting.
ECS 2018: Introduction to Azure Web ApplicationsEric Shupps
The Azure platform offers many opportunities for developers to build robust, cloud-first applications that integrate directly with Office 365. Learn how to leverage the power of the Microsoft cloud infrastructure to create solutions with fully-integrated single sign-on and authorization. Discover tips and tricks for rapidly building, deploying and managing Azure solutions, along with techniques for leveraging the Office 365 API’s from your cloud applications.
How many times have you experienced the agonizing wait as you navigate through a web application? Looking expectantly at the screen, and waiting for the page to load? Frustrating, isn’t it?
Using Single Page web application (SPA) technique can give your web application as seamless an experience as a desktop application. So, what is SPA? And how does it enhance the viewer experience?
The webinar will take you through a step-by-step introduction to SPA, its building blocks, the design techniques and advantages of SPA. It will also discuss the distinct advantages of using AngularJS for Single Page Applications and feature an application demo.
Key Takeaways:
Single Page Web Applications [SPA] , Present and Future
- Introduction
- Why SPA, advantages
- SPA- Multiplatform perspective
- Future of SPA
Architectural considerations for developing SPA
- Building blocks of SPA
- Main Challenges in Web Application Development
Why choose AngularJS for SPA
- Walkthrough of Key AngularJS features
- Advantages of AngularJS in SPA development
Application Demo
Who will benefit from this webinar?
ISVs who want to make their web applications more fluid and engaging for their users
Businesses who don’t want to lose customers because of a slow website
- B2C portals
- Online Retailers
- Travel & Hospitality
- Online shopping portals
- Healthcare portals
Educational & training institutions
SenchaCon 2016: Cross-Platform Mobile App Development with Cordova and Visual...Sencha
The promise of hybrid mobile app development using Cordova is quite alluring. As a web developer, you use your Ext JS skills to build cross-platform mobile applications for iOS/Android/Windows with a single code base. Visual Studio and the latest Ext JS framework provide powerful capabilities with which you can create sophisticated, mobile apps with UX components such as Pivot Grid, Calendar, and D3-based charts. Join Microsoft and Sencha to see how to build enterprise cross-platform mobile apps using Visual Studio, Ext JS, and Apache Cordova, and leverage device capabilities.
Learn essentials of Microsoft azure for developers.
Microsoft Azure is a growing collection of integrated cloud services which developers and IT professionals use to build, deploy and manage applications through our global network of datacentres. With Azure, you get the freedom to build and deploy wherever you want, using the tools, applications and frameworks of your choice.
Introducing Office Web Apps as a Tool for Developing Content Rich ApplicationsRyan McIntyre
Office Web Apps was introduced with SharePoint 2010 as a service used to provide browser-based access to Office documents. Office Web Apps (OWA) 2013 modifies the service architecture significantly, enabling the exposure of document interactions through a browser to be customized and expanded within SharePoint as well as outside of SharePoint.
With this architecture change, we need to review the capabilities from a new perspective and question how we can best leverage this service. To start, we need to understand the new architecture changes. From there, how do we manage the health of OWA and apply updates? How do we leverage OWA to build additional capabilities into our applications? How do we expand OWA capabilities? What are the differences in OWA on-prem and OWA Office 365?
In this session, we'll be answering these questions and more. We'll look at the new 2013 architecture and understand how to deploy the service on-prem and manage it properly. We will then look at how to extend the service and take advantage of the new capabilities in both our SharePoint and non-SharePoint solutions. You'll leave the session with a deeper understanding of OWA capabilities, and ready to incorporate OWA into your solution architectures!
[Elio Struyf] We all have these daily tasks that can be automated. Like checking if the backup job of your site completed, or looking how many times a file has been accessed, etc. These kinds of tasks are great to be automated by an Azure Functions. In this session, you will get an overview of what Azure Functions can do for you. With some demos, we go step by step through the creation, debugging and deployment process of these functions.
This is the presentation I used in Dreamforce 2018 where I gave a session on "Decoding Locker Service". The link to blog and code can be found in slide number 13 in this presentation
A quick overview on REST : what it is and what it is not. REST has strict contraints and many internet Apis are not so REST. It’s also very popular today because RESTfull services can be consumed easily by any client or device. Soap is also still valid in a few circomstaces. It has never been so easy to create Rest-like services in .net since asp.net Web Api.
A review of the new features in SharePoint 2013.
For more information:
www.adventos.com
Twitter: @AdventosSolves -- https://twitter.com/adventossolves
Facebook: @AdventosLLC -- https://www.facebook.com/AdventosLlc
The future of web development write once, run everywhere with angular.js and ...Mark Roden
This slide deck was used in support of BTE 102 - The future of web development write once, run everywhere with angular.js and domino at IBMConnectED 2015
Presentation was given with Mark Leusink
Custom Development in SharePoint – What are my options now?Talbott Crowell
Since Microsoft has released SharePoint 2013 with a whole new application development methodology, there has been some confusion and frustration in the community on what the best approach for customizing SharePoint for developers. In this session, we will look at the options, new and old, and discuss the pros and cons. We may even see some novel approaches you haven’t thought about yet.
Angular jS Introduction by Google
A to Z angular introduction about Angular Framework which is single page application.
Angular JS and angular is very important for single page applications.
apidays LIVE Paris 2021 - Lessons from the API Stewardship Journey in Azure b...apidays
apidays LIVE Paris 2021 - APIs and the Future of Software
December 7, 8 & 9, 2021
Lessons from the API Stewardship Journey in Azure
Ryan Sweet, Principal Architect at Microsoft
Escaping the yellow bubble - rewriting Domino using MongoDb and AngularMark Leusink
Slides from my ICON UK 2014 session held on September 13, 2014 at IBM Southbank, London.
The session was an introduction to the MEAN stack (Mongo, Express, Angular and Node).
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
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.
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.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
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
Build Modern Web Apps Using ASP.NET Web API and AngularJS
1. Build Modern Web Apps using
ASP.NET Web API & AngularJS
Taiseer Joudeh
Senior IT Team Lead at Aramex
Twitter : @tjoudeh
Blog: http://bitof tech.net
2. Agenda
• Deep dive into ASP.NET Web API
• REST Specifications
• Build RESTful HTTP service using Web API
• Single Page Applications Overview
• SPA Frameworks
• Build simple SPA using AngularJS
• Host the project on Microsoft Azure
3. What is ASP.NET Web API?
• Framework for building HTTP based services
• Use HTTP is application protocol
• Designed for broad reach (To any client speaks HTTP!)
• HTTP != REST
• The framework does not enforce an architectural style
• Can be used with:
• ASP.NET Web Forms
• ASP.NET MVC
4. ASP.NET Web API Features
• Built on top of ASP.NET Stack
• Native Support for ASP.NET Routing
• Convention over Configuration
• Native abstraction on top of raw HTTP protocol
• Brand new HTTP client toolkit
• High level of scalability on architecture and on the cloud
• Easily build RESTful compliant Services
5. What is RESTful Services?
• REST = Representation State Transfer
• Stateless architect which runs over HTTP (Not a protocol)
• Four basic design principals for RESTful services:
1. Use HTTP Verbs only to interact with resources
2. Interaction with resources is stateless, request/response contain all
information
3. Resources identified by URIs only (Services Discovery)
4. Content Negotiation (Support for XML/JSON)
6. Resources in RESTful Services
Operation HTTP Verb ResourceURI
Get all students GET /api/students
Create a new student POST /api/students
Get a student GET /api/students/{username}
Update a student PUT /api/students/{username}
Delete a student DELETE /api/students/{username}
7. Why to build RESTful Services?
• Can be easily consumed by any client (Mobile Apps, SPA, Desktop
Apps, Service to Service, etc…)
• Lightweight (No XML parsing, less bandwidth, just the payloads)
• Easier to learn and build, you can get up running quickly.
• Closer to Web design specification, all about HTTP protocol.
9. To implement a Web API…..
• Derive from API Controller
• Implement your HTTP Methods
• Maps URI space to your API controllers
• Ex: api/{controller}/{id}
• {controller} + “Controller ” = ApiController Type Name
• Simple types are taken from URI
• Route data, query parameters
• Complex types come from the body
• MediaTypeFormaters are configured to deserialize request body based on content
type
• JSON, XML, and form-url-encoded are supported out of the box
11. What is SPA?
• Single Page Application – Bad Name maybe! (Rich Web
Applications)
• Load all necessary resources up-front with single page load (shell
page)
• Bring the desktop experience to the web – Partial loads
• Built entirely with JS and HTML
12. Motivations to build SPA
• Rich user experience – faster responses
• Reduce round tripping between client and the server
• Reach – SPAs can reach different users on different platforms.
13. SPA Architecture Philosophy
• Thin Stateless Server
• Role is a service (RESTful API is important)
• Stateless server…easy to scale
• Strong separation of concerns which leads to lower network latency, less
bandwidth usage, snappy response
• MVC at the Client
• View: sets on top of the architecture (Think of page).
• Model: set at the bottom of the architecture, holds the data for the view
• Controller: Sets in between, orchestrator between View and Model, handle
business logic
14. SPA Frameworks
• Consider framework with features:
• Browser history management (Support for back button)
• Templating engine (Mustache, Handlebars, etc…)
• Two way data binding
• Routing service
• Framework examples:
• AngularJS
• EmberJS
• BackboneJS