Leveraging SharePoint Single Page Apps
•Download as PPTX, PDF•
0 likes•3,076 views
Learn how to leverage the SharePoint App Architecture by using Single Page Apps. You will get familiarised with the concept, pros, cons and javascript frameworks that make it possible.
Report
Share
Report
Share
Recommended
Web Forms, or How I Learned to Stop Worrying and Love Web Services
The document discusses using web forms and web services to collect and report user data instead of databases. It describes the author's journey from using FileMaker and Terascript to Ruby on Rails to Google Forms. Web forms provide a way to engage users, collect data, and leverage user-generated content through reports. The author proposes using Cascade, an interface for viewing database records and reports, to output data from web forms to CSV files. Examples are provided of building PHP web services to integrate with Cascade for reporting user data from web forms while addressing considerations like server performance and changing data definitions.
4005-713 ` XML Architecture, Tools & Technique ` Presentation
AJAX allows for asynchronous updating of parts of a web page in the background without reloading the entire page. It uses a combination of technologies including JavaScript, XML, HTML, and CSS to retrieve data from the server and update portions of the web page. This creates a more interactive and responsive experience for the user by reducing page reloads. Some key advantages are that it improves responsiveness, reduces bandwidth usage, and decreases server requests by only updating parts of the page. However, it also has some disadvantages like browser incompatibility issues and difficulties with bookmarking and search engine indexing.
Ajax
AJAX stands for Asynchronous JavaScript and XML. It is a technique for building interactive web applications where data can be updated asynchronously in the background without interfering with the display and behavior of the existing page. AJAX uses a combination of technologies like XHTML, CSS, DOM, XML, XSLT, JavaScript, and the XMLHttpRequest object to retrieve data from the server asynchronously in the background without loading the entire web page. This allows web pages to be more interactive and provides a better user experience.
Ajax Using JSP with prototype.js
AJAX is a group of technologies used to create asynchronous web applications. It allows for updating parts of a web page without reloading the entire page. This improves responsiveness and allows for more dynamic interactions. Some key benefits of AJAX include more responsive interfaces, ability to update small parts of pages individually, and reduced waiting times. While it increases development complexity, AJAX is widely used in applications that involve heavy server requests, need to display large amounts of data sequentially, or where user interaction is frequent. Common frameworks for implementing AJAX include Prototype.js and Dojo Toolkit. Many large websites use AJAX, including Google Maps, Gmail, and Facebook.
Logistics Referential: a Web App for humanitarian missions in fields without ...
A long-standing project that, close to other technologies, has Plone in the heart as backoffice for content management.
The customer is OCG, one of the five operational centers of Médecins Sans Frontières (MSF)
Addressing OCG-specific humanitarian-logistics knowledge, the Logistics Referential online/offline platform aims to efficiently
organize and classify concepts, objects and their relationships, thereby providing simplified, prompt and accurate access and retrieval to any relevant and required logistics knowledge.
The knowledge base is built on top of more than 1000 English books, most of them translated in French, Spanish and Arabic. The offline version is updated whenever an internet connection is available and provides the same contents and functionalities of the online version.
During the talk I will share a description of the main features, the choices about the technologies involved (NW.js, Plone, Amazon Web Services), success and failures, lessons learned and objectives for the future.
Single page applications with backbone js
This document discusses single page applications (SPAs) and their architecture. It begins by explaining what SPAs are, noting that they are web applications that don't require full page refreshes and use client-side routing. The key building blocks of SPAs are then outlined as HTML5, JavaScript libraries, AJAX, REST APIs, and client-side routing. It also discusses specific technologies like AMD/RequireJS for module loading and the Model-View-Controller pattern using Backbone.js. The document concludes by advertising a demo of building a simple SPA.
sell idea
This internal presentation discusses developing and selling web applications. It introduces web applications and their components like servlets and JSP pages. It then presents an idea to share innovations online and get paid for ideas. The presentation explains how web applications work by sending requests between clients and servers. It also includes examples of web containers and the development process for web applications.
MEAN Stack Tutorial by jeetendra mandal
The MEAN stack is a JavaScript-based framework for building dynamic web applications using MongoDB, Express, Angular, and Node.js. It allows for a cross-platform approach with intuitive integration between its components. While suited for real-time applications, the MEAN stack can be used to build tools like workflow managers, news sites, todo lists, and forums.
Recommended
Web Forms, or How I Learned to Stop Worrying and Love Web Services
The document discusses using web forms and web services to collect and report user data instead of databases. It describes the author's journey from using FileMaker and Terascript to Ruby on Rails to Google Forms. Web forms provide a way to engage users, collect data, and leverage user-generated content through reports. The author proposes using Cascade, an interface for viewing database records and reports, to output data from web forms to CSV files. Examples are provided of building PHP web services to integrate with Cascade for reporting user data from web forms while addressing considerations like server performance and changing data definitions.
4005-713 ` XML Architecture, Tools & Technique ` Presentation
AJAX allows for asynchronous updating of parts of a web page in the background without reloading the entire page. It uses a combination of technologies including JavaScript, XML, HTML, and CSS to retrieve data from the server and update portions of the web page. This creates a more interactive and responsive experience for the user by reducing page reloads. Some key advantages are that it improves responsiveness, reduces bandwidth usage, and decreases server requests by only updating parts of the page. However, it also has some disadvantages like browser incompatibility issues and difficulties with bookmarking and search engine indexing.
Ajax
AJAX stands for Asynchronous JavaScript and XML. It is a technique for building interactive web applications where data can be updated asynchronously in the background without interfering with the display and behavior of the existing page. AJAX uses a combination of technologies like XHTML, CSS, DOM, XML, XSLT, JavaScript, and the XMLHttpRequest object to retrieve data from the server asynchronously in the background without loading the entire web page. This allows web pages to be more interactive and provides a better user experience.
Ajax Using JSP with prototype.js
AJAX is a group of technologies used to create asynchronous web applications. It allows for updating parts of a web page without reloading the entire page. This improves responsiveness and allows for more dynamic interactions. Some key benefits of AJAX include more responsive interfaces, ability to update small parts of pages individually, and reduced waiting times. While it increases development complexity, AJAX is widely used in applications that involve heavy server requests, need to display large amounts of data sequentially, or where user interaction is frequent. Common frameworks for implementing AJAX include Prototype.js and Dojo Toolkit. Many large websites use AJAX, including Google Maps, Gmail, and Facebook.
Logistics Referential: a Web App for humanitarian missions in fields without ...
A long-standing project that, close to other technologies, has Plone in the heart as backoffice for content management.
The customer is OCG, one of the five operational centers of Médecins Sans Frontières (MSF)
Addressing OCG-specific humanitarian-logistics knowledge, the Logistics Referential online/offline platform aims to efficiently
organize and classify concepts, objects and their relationships, thereby providing simplified, prompt and accurate access and retrieval to any relevant and required logistics knowledge.
The knowledge base is built on top of more than 1000 English books, most of them translated in French, Spanish and Arabic. The offline version is updated whenever an internet connection is available and provides the same contents and functionalities of the online version.
During the talk I will share a description of the main features, the choices about the technologies involved (NW.js, Plone, Amazon Web Services), success and failures, lessons learned and objectives for the future.
Single page applications with backbone js
This document discusses single page applications (SPAs) and their architecture. It begins by explaining what SPAs are, noting that they are web applications that don't require full page refreshes and use client-side routing. The key building blocks of SPAs are then outlined as HTML5, JavaScript libraries, AJAX, REST APIs, and client-side routing. It also discusses specific technologies like AMD/RequireJS for module loading and the Model-View-Controller pattern using Backbone.js. The document concludes by advertising a demo of building a simple SPA.
sell idea
This internal presentation discusses developing and selling web applications. It introduces web applications and their components like servlets and JSP pages. It then presents an idea to share innovations online and get paid for ideas. The presentation explains how web applications work by sending requests between clients and servers. It also includes examples of web containers and the development process for web applications.
MEAN Stack Tutorial by jeetendra mandal
The MEAN stack is a JavaScript-based framework for building dynamic web applications using MongoDB, Express, Angular, and Node.js. It allows for a cross-platform approach with intuitive integration between its components. While suited for real-time applications, the MEAN stack can be used to build tools like workflow managers, news sites, todo lists, and forums.
Performance anti patterns in ajax applications
The document discusses performance anti-patterns in Ajax applications. It covers the anatomy of web 2.0 applications, the impact of slow performance on users, common mistakes that degrade performance such as too many network requests and latency issues, and how to analyze page speed using free tools. The presentation aims to teach attendees how to avoid common framework pitfalls and optimize Ajax application performance.
TSSJS2010 Presenatation on: Performance Anti Patterns In Ajax Applications
The document discusses performance anti-patterns in Ajax applications. It covers the anatomy of web 2.0 applications, the impact of slow performance on users, common performance anti-patterns like too many network requests and mistakes with JavaScript frameworks, and how to analyze slow pages in 5 minutes using free tools. The presentation aims to help attendees avoid common mistakes that can slow down Ajax apps and analyze where pages are slow.
Professional JavaScript Error-Logging
This document discusses logging JavaScript errors in Oracle APEX applications. It notes that JavaScript errors currently only display on the client-side and provides no logging. The author then introduces JS-Logger, a tool they developed to log JavaScript errors and related details to a database or via REST. JS-Logger overwrites console logging functions and uses additional libraries to capture stack traces, platform info, workflow, and more to provide richer error information for analysis. The document demonstrates JS-Logger and how it can be implemented in APEX applications.
Progressive web applications
An overview of the motivation behind progressive web apps, how to implement them, and other useful tools and discussion. For full presentation with usable links: https://goo.gl/VRKE6L
Single page application
Single page applications are web applications that load on a single web page and provide a more fluid user experience similar to a desktop application. All necessary code is retrieved on a single page load or dynamically loaded as needed in response to user actions, without reloading the page. Key characteristics include chunking content, using controllers and templates, routing views without reloads, real-time communication, and local storage. Popular frameworks are AngularJS, YUI App, and Knockout. Server architectures include thin, thick stateful, and thick stateless. Challenges include SEO, code partitioning, browser history, analytics, and initial load speed.
Web Applications - Behind the Scenes + Open Source Examples
The document discusses the basics of web applications including common types like content management systems, e-commerce sites, and forums. It explains the differences between web and desktop applications and covers the basic components and workflow of a web application from the browser to the server. Examples of open source web applications are provided for different types like Mambo CMS, OSCommerce, SugarCRM, and PunBB.
Single Page Apps
The document discusses single page applications (SPAs). It provides an overview of SPAs, including their advantages over traditional web and native apps. SPAs use JavaScript libraries/frameworks like RequireJS and BackboneJS to manage client-side routing and maintain application state without reloading the entire page. The document also outlines a simple SPA architecture and provides an agenda for a developer practice covering SPA building blocks and a demo of a simple SPA using BackboneJS.
Single page application
The document discusses single page applications (SPAs) and the AngularJS framework. It defines SPAs as web apps that load on a single page to provide a more fluid user experience. It then explains key characteristics of SPAs and benefits like improved performance. The bulk of the document focuses on introducing concepts in AngularJS like controllers, scopes, templates, directives, filters, services and routing. It provides code examples to demonstrate basic usage and building a todo list app with AngularJS.
Ajax
AJAX is a web development technique that uses asynchronous JavaScript and XML to make web pages more interactive. It allows asynchronous data retrieval and manipulation of page elements without reloading the entire page. Several frameworks, toolkits, and libraries have been developed to help build AJAX applications and simplify development by providing reusable widgets and hiding complex functionality. These include both communication libraries that handle browser differences and user interface toolkits with common UI controls. Larger AJAX frameworks provide fully integrated shared libraries and development tools.
East bay full stack developers meetup August 2019
This document discusses the technical choices and rationale for building high-traffic, dynamic websites at Ask. It describes using a configuration-driven approach with reusable components and libraries to rapidly launch new domains and sites within a 1 sprint turnaround. The key aspects are leveraging modular view components, the Archie Node.js library, and JSON configuration files to declaratively configure domains, pages, and site features in a scalable way.
Jax Ajax Architecture
This document discusses architectural considerations for AJAX applications. It covers key topics like browser anatomy, HTTP protocols, caching, state handling, and rendering. Browsers limit connections to 4 per domain by default, so domain sharding can help utilize more connections. Caching is important on both the client and server sides. State can be stored in HTTP sessions on the server, cookies on the client, or by keeping state on the rich client with AJAX. Rendering impacts performance, so minimizing reflows during asynchronous rendering is important.
Web Development Technologies
This document discusses various web development technologies. It covers client-side technologies like HTML, CSS, and JavaScript which are used to build the front-end interface. It also discusses server-side technologies like PHP, JSP, ASP that are used to dynamically generate the interface. Additionally, it mentions database technologies like SQL that are used to store and retrieve data, and other technologies like XML, AJAX, and Flash.
Rapid RIA Development Using .NET Technologies
With the latest generation of .NET technologies such as Silverlight 4 and WCF RIA Service, the development of RIA applications is easier than ever. This practically focused presentation aims to show, how to use these tools and other .NET technologies to develop high quality RIA applications. Moreover, we will also show, how to effectively use automatic code generating using Text Template Transformation Toolkit (T4) to extremelly reduce the time needed for their development.
Ajax
This document provides an overview of AJAX (Asynchronous JavaScript and XML). It defines AJAX as a group of interrelated web development techniques used to create interactive web applications. AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server without reloading the entire page. The document discusses the technologies involved in AJAX including HTML/XHTML, CSS, DOM, XML, XMLHttpRequest, and JavaScript. It also covers how AJAX works, provides an example, and discusses the advantages and disadvantages of using AJAX.
Server Side Programming
In this class we look at the major web development languages as well as how to send a contact form with PHP.
JS Fest 2019/Autumn. Александр Товмач. JAMstack
Вы уже слышали о JAMstack, который пришел на смену SSR и SPA? Подход, который оптимизирует веб приложения так, что они ограничены только скоростью вашего интернет соединения. Никаких просадок при рендере на клиенте, никаких падений серверов от нагрузки, только SEO-friendly приложения без проблем с масштабируемостью.
Frost - W3C Mobile Ajax Workshop 2007
My presentation of the Frost library for the W3C/OAA Workshop on Mobile Ajax 28 September 2007 in Mountain View.
Ajax
AJAX allows web pages to be updated asynchronously by exchanging data with a server behind the scenes without reloading the page. It uses a combination of technologies including HTML, CSS, JavaScript, XML, and the XMLHttpRequest object. The XMLHttpRequest object is used to send and receive data from a web server asynchronously. It has properties like readyState and responseText and methods like open(), send(), onreadystatechange. The readyState indicates the state of the request and status codes indicate the response from the server. AJAX allows creating fast and dynamic web pages by updating specific parts of a web page after new data is received from the server.
1st Chinaonrails Open Course
The document discusses an open course on Ruby on Rails that covers topics like the Rails framework, IDEs like NetBeans and Apatana RadRails, version control with Google Code and SVN, team collaboration, and questions and answers. It also provides several resources for learning more about Rails, communicating with experts, and staying up to date with the Rails community in China.
Web Application Solutions
The document provides an overview of various web application presentation layer solutions, including:
- HTML/XHTML - Provides basic document structure and presentation. Interactions require full page reloads. Wide reach but limited interactivity.
- DHTML - Combines HTML, JavaScript, and CSS to enable some interactivity like animations without reloading. Inconsistent cross-browser support.
- DHTML with Remote Scripting via iFrame - Uses hidden iFrames to retrieve information from the server asynchronously without refreshing the full page. Reduces server loads compared to full page reloads.
The document evaluates each solution based on criteria like user experience, processing requirements, deployment, components/customization options, backend
Building the next generation of browser apps today
As browsers evolve and mobile devices proliferate, are your SharePoint applications keeping up? Are you still using old-school, server-side technologies in web parts or application pages? By unleashing the browser’s full potential, you can deliver unparalleled responsiveness and cross-device richness. In this session, come learn how HTML 5, jQuery, and SharePoint’s client object model can spice up your applications. We’ll also see how these technologies let you “break out of the sandbox”, enhancing both on premise and SharePoint Online solutions.
Development In ASP.NET by Tanzim Saqib
This document summarizes key topics in ASP.NET web development including WebForms, LINQ, and Dynamic Data. WebForms provides a programming model for building web UIs using server controls. LINQ allows querying objects using a standard syntax that works across data sources. Dynamic Data automatically generates data-driven sites from a database schema. Future releases of ASP.NET will include enhancements to these technologies as well as new features like client data binding.
More Related Content
What's hot
Performance anti patterns in ajax applications
The document discusses performance anti-patterns in Ajax applications. It covers the anatomy of web 2.0 applications, the impact of slow performance on users, common mistakes that degrade performance such as too many network requests and latency issues, and how to analyze page speed using free tools. The presentation aims to teach attendees how to avoid common framework pitfalls and optimize Ajax application performance.
TSSJS2010 Presenatation on: Performance Anti Patterns In Ajax Applications
The document discusses performance anti-patterns in Ajax applications. It covers the anatomy of web 2.0 applications, the impact of slow performance on users, common performance anti-patterns like too many network requests and mistakes with JavaScript frameworks, and how to analyze slow pages in 5 minutes using free tools. The presentation aims to help attendees avoid common mistakes that can slow down Ajax apps and analyze where pages are slow.
Professional JavaScript Error-Logging
This document discusses logging JavaScript errors in Oracle APEX applications. It notes that JavaScript errors currently only display on the client-side and provides no logging. The author then introduces JS-Logger, a tool they developed to log JavaScript errors and related details to a database or via REST. JS-Logger overwrites console logging functions and uses additional libraries to capture stack traces, platform info, workflow, and more to provide richer error information for analysis. The document demonstrates JS-Logger and how it can be implemented in APEX applications.
Progressive web applications
An overview of the motivation behind progressive web apps, how to implement them, and other useful tools and discussion. For full presentation with usable links: https://goo.gl/VRKE6L
Single page application
Single page applications are web applications that load on a single web page and provide a more fluid user experience similar to a desktop application. All necessary code is retrieved on a single page load or dynamically loaded as needed in response to user actions, without reloading the page. Key characteristics include chunking content, using controllers and templates, routing views without reloads, real-time communication, and local storage. Popular frameworks are AngularJS, YUI App, and Knockout. Server architectures include thin, thick stateful, and thick stateless. Challenges include SEO, code partitioning, browser history, analytics, and initial load speed.
Web Applications - Behind the Scenes + Open Source Examples
The document discusses the basics of web applications including common types like content management systems, e-commerce sites, and forums. It explains the differences between web and desktop applications and covers the basic components and workflow of a web application from the browser to the server. Examples of open source web applications are provided for different types like Mambo CMS, OSCommerce, SugarCRM, and PunBB.
Single Page Apps
The document discusses single page applications (SPAs). It provides an overview of SPAs, including their advantages over traditional web and native apps. SPAs use JavaScript libraries/frameworks like RequireJS and BackboneJS to manage client-side routing and maintain application state without reloading the entire page. The document also outlines a simple SPA architecture and provides an agenda for a developer practice covering SPA building blocks and a demo of a simple SPA using BackboneJS.
Single page application
The document discusses single page applications (SPAs) and the AngularJS framework. It defines SPAs as web apps that load on a single page to provide a more fluid user experience. It then explains key characteristics of SPAs and benefits like improved performance. The bulk of the document focuses on introducing concepts in AngularJS like controllers, scopes, templates, directives, filters, services and routing. It provides code examples to demonstrate basic usage and building a todo list app with AngularJS.
Ajax
AJAX is a web development technique that uses asynchronous JavaScript and XML to make web pages more interactive. It allows asynchronous data retrieval and manipulation of page elements without reloading the entire page. Several frameworks, toolkits, and libraries have been developed to help build AJAX applications and simplify development by providing reusable widgets and hiding complex functionality. These include both communication libraries that handle browser differences and user interface toolkits with common UI controls. Larger AJAX frameworks provide fully integrated shared libraries and development tools.
East bay full stack developers meetup August 2019
This document discusses the technical choices and rationale for building high-traffic, dynamic websites at Ask. It describes using a configuration-driven approach with reusable components and libraries to rapidly launch new domains and sites within a 1 sprint turnaround. The key aspects are leveraging modular view components, the Archie Node.js library, and JSON configuration files to declaratively configure domains, pages, and site features in a scalable way.
Jax Ajax Architecture
This document discusses architectural considerations for AJAX applications. It covers key topics like browser anatomy, HTTP protocols, caching, state handling, and rendering. Browsers limit connections to 4 per domain by default, so domain sharding can help utilize more connections. Caching is important on both the client and server sides. State can be stored in HTTP sessions on the server, cookies on the client, or by keeping state on the rich client with AJAX. Rendering impacts performance, so minimizing reflows during asynchronous rendering is important.
Web Development Technologies
This document discusses various web development technologies. It covers client-side technologies like HTML, CSS, and JavaScript which are used to build the front-end interface. It also discusses server-side technologies like PHP, JSP, ASP that are used to dynamically generate the interface. Additionally, it mentions database technologies like SQL that are used to store and retrieve data, and other technologies like XML, AJAX, and Flash.
Rapid RIA Development Using .NET Technologies
With the latest generation of .NET technologies such as Silverlight 4 and WCF RIA Service, the development of RIA applications is easier than ever. This practically focused presentation aims to show, how to use these tools and other .NET technologies to develop high quality RIA applications. Moreover, we will also show, how to effectively use automatic code generating using Text Template Transformation Toolkit (T4) to extremelly reduce the time needed for their development.
Ajax
This document provides an overview of AJAX (Asynchronous JavaScript and XML). It defines AJAX as a group of interrelated web development techniques used to create interactive web applications. AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server without reloading the entire page. The document discusses the technologies involved in AJAX including HTML/XHTML, CSS, DOM, XML, XMLHttpRequest, and JavaScript. It also covers how AJAX works, provides an example, and discusses the advantages and disadvantages of using AJAX.
Server Side Programming
In this class we look at the major web development languages as well as how to send a contact form with PHP.
JS Fest 2019/Autumn. Александр Товмач. JAMstack
Вы уже слышали о JAMstack, который пришел на смену SSR и SPA? Подход, который оптимизирует веб приложения так, что они ограничены только скоростью вашего интернет соединения. Никаких просадок при рендере на клиенте, никаких падений серверов от нагрузки, только SEO-friendly приложения без проблем с масштабируемостью.
Frost - W3C Mobile Ajax Workshop 2007
My presentation of the Frost library for the W3C/OAA Workshop on Mobile Ajax 28 September 2007 in Mountain View.
Ajax
AJAX allows web pages to be updated asynchronously by exchanging data with a server behind the scenes without reloading the page. It uses a combination of technologies including HTML, CSS, JavaScript, XML, and the XMLHttpRequest object. The XMLHttpRequest object is used to send and receive data from a web server asynchronously. It has properties like readyState and responseText and methods like open(), send(), onreadystatechange. The readyState indicates the state of the request and status codes indicate the response from the server. AJAX allows creating fast and dynamic web pages by updating specific parts of a web page after new data is received from the server.
1st Chinaonrails Open Course
The document discusses an open course on Ruby on Rails that covers topics like the Rails framework, IDEs like NetBeans and Apatana RadRails, version control with Google Code and SVN, team collaboration, and questions and answers. It also provides several resources for learning more about Rails, communicating with experts, and staying up to date with the Rails community in China.
Web Application Solutions
The document provides an overview of various web application presentation layer solutions, including:
- HTML/XHTML - Provides basic document structure and presentation. Interactions require full page reloads. Wide reach but limited interactivity.
- DHTML - Combines HTML, JavaScript, and CSS to enable some interactivity like animations without reloading. Inconsistent cross-browser support.
- DHTML with Remote Scripting via iFrame - Uses hidden iFrames to retrieve information from the server asynchronously without refreshing the full page. Reduces server loads compared to full page reloads.
The document evaluates each solution based on criteria like user experience, processing requirements, deployment, components/customization options, backend
What's hot (20)
TSSJS2010 Presenatation on: Performance Anti Patterns In Ajax Applications
TSSJS2010 Presenatation on: Performance Anti Patterns In Ajax Applications
Web Applications - Behind the Scenes + Open Source Examples
Web Applications - Behind the Scenes + Open Source Examples
Similar to Leveraging SharePoint Single Page Apps
Building the next generation of browser apps today
As browsers evolve and mobile devices proliferate, are your SharePoint applications keeping up? Are you still using old-school, server-side technologies in web parts or application pages? By unleashing the browser’s full potential, you can deliver unparalleled responsiveness and cross-device richness. In this session, come learn how HTML 5, jQuery, and SharePoint’s client object model can spice up your applications. We’ll also see how these technologies let you “break out of the sandbox”, enhancing both on premise and SharePoint Online solutions.
Development In ASP.NET by Tanzim Saqib
This document summarizes key topics in ASP.NET web development including WebForms, LINQ, and Dynamic Data. WebForms provides a programming model for building web UIs using server controls. LINQ allows querying objects using a standard syntax that works across data sources. Dynamic Data automatically generates data-driven sites from a database schema. Future releases of ASP.NET will include enhancements to these technologies as well as new features like client data binding.
December 4 SDForum Java Sig Presentation
The document discusses various web application frameworks and technologies for building Java-based web applications. It summarizes the pros and cons of different languages and frameworks for web development like Java, PHP, Ruby on Rails. It also discusses specific frameworks for Java like Struts, Spring, and Hibernate. Popular companies using Java for web applications are also listed along with strategies for scaling Java web apps.
Angular jS Introduction by Google
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.
T2 Web Framework
T2 webframework is simple and modernized java webframework for web2.0 environment.This presentaion tells you the new web development situation is coming to us and how we solve by T2 webframework.
DevNext - Web Programming Concepts Using Asp Net
This document provides an overview of web programming concepts using ASP.NET. It discusses HTTP requests and the difference between static and dynamic web pages. It also covers ASP.NET page lifecycles, client-side vs server-side processing, and state management using view state. The document includes demonstrations of ASP.NET web applications and key concepts.
Frontend 'vs' Backend Getting the Right Mix
Modern website architectures are typically composed of 2 parts: frontend and backend. Building out frontend and backend components requires diverse skill sets and often have competing interests when it comes to developer productivity and site performance. This talk will discuss some ways Java frameworks deal with these issues as well as benefits and tradeoffs. The talk will include combine demos with cutting edge frontend frameworks (Handlebarsjs, CoffeeScript, Less) and popular Java backends (Spring, Apache CXF).
Bio:
Bob Paulin is an independent consultant that has been developing on Java for the past 10 years. Bob is focuses on Business Enablement and Web Centric Applications. He’s presented in the past at CJUG on Apache Sling and is currently helping his clients perform modular development/design, automation for continuous delivery, and build forward leaning web applications. When not coding, Bob enjoys coaching football and spending time with his with his wife and 3 kids.
single page application
Single page applications (SPAs) provide a desktop-like user experience by dynamically loading content within a single web page rather than linking between multiple pages. Key characteristics of SPAs include chunking of HTML and data, use of MVC patterns for controllers, templating for views, routing for navigation without page reloads, real-time communication with servers, and local storage of data. Challenges for SPAs include search engine optimization due to lack of JavaScript execution, maintaining browser history state, and managing the page lifecycle of progressively loading content.
Workshop HTML5+PhoneGap by Ivano Malavolta
This document discusses HTML5 and web application development. It begins with an overview of the anatomy of a web app, including setting up the server, using data services, and device detection. It then covers HTML5 features like new semantic tags, forms, multimedia capabilities using audio, video, and canvas. JavaScript APIs are discussed for geolocation, web storage, web SQL, and web workers. The document emphasizes that the mobile web is the most viable platform for cross-device applications.
SharePoint Development with the SharePoint Framework
The document discusses the SharePoint Framework (SPFx) which is a client-side development framework for building experiences and web parts for SharePoint. It provides an agenda that covers what SPFx is, setting up development environments, creating a web part, testing, and deploying to SharePoint. Key points are that SPFx allows direct access to SharePoint, uses TypeScript, and makes it easy to integrate JavaScript libraries. The walkthrough demonstrates creating a web part using Yeoman and deploying it to SharePoint by bundling and packaging the solution.
001. Introduction about React
This document provides an introduction to ReactJS, including:
- ReactJS was developed by Facebook in 2013 and is currently at version 15.3.2; it is a view library rather than a framework
- Reasons for choosing ReactJS include faster websites, reusable views, a large community, ease of writing tests, and integration with other frameworks
- The document discusses Webpack, JSX, ES6 features, and Redux, which are important technologies to learn when using ReactJS
How we built nothingbutsharepoint.com on sharepoint 2010
Jeremy Thake summarizes how NothingButSharePoint.com was built on SharePoint 2010. Key points include:
- The site uses multiple site collections and leverages managed metadata and publishing features.
- Infrastructure was set up using a dedicated farm with SQL server. Migration from Confluence and WordPress was done.
- Branding, navigation, and theming was developed using master pages, page layouts, and Balsamiq.
- Comments, forums, analytics, and social integration were challenging due to SharePoint 2010 limitations.
- Lessons learned include setting expectations, ensuring the right resources, knowing SharePoint limitations, and using tools like PowerShell for automation.
Spsmi13 charts
This document summarizes a presentation about using HTML5 charts with JavaScript and SharePoint. It discusses using Scalable Vector Graphics (SVG) and Canvas elements to create charts, as well as several third-party charting libraries like Chart.js, RaphaelJS, and HighCharts. It also covers different methods for retrieving data from SharePoint like the REST interface, Client Object Model, and web services. As an example, it demonstrates creating a burndown chart and task breakdown chart to visualize project progress in SharePoint.
HTML5: the new frontier of the web
The document discusses various technologies for building web applications, including HTML5. It begins by explaining the anatomy of a web app, including the server-side components and use of backend services. It then covers different types of apps - native, web, and hybrid. A large portion of the document focuses on HTML5, describing new structural elements, forms, multimedia capabilities like audio and video, local storage options, and geolocation. It concludes by mentioning technologies like PhoneGap/Cordova for building cross-platform apps and WebSockets for real-time connections.
Lift web framework
Lift web framework is one of the most popular parts of Scala ecosystem. Thanks to many innovative features and its use in projects such as foursquare or snapsort, this web framework popularity is skyrocketing. Moreover, for many developers, this web framework is the main reason to study Scala programming language.
Lessons
The document discusses lessons learned from building rich web applications using AJAX technologies at Microsoft. Key points include:
- They evolved the traditional AJAX pattern to address challenges of building robust, interactive applications. This included defining programming patterns and a component model.
- Their "mash-up" architecture, based on reusable gadget components, provided many benefits including more efficient development and ability to reuse components across properties.
- Building applications as collections of components rather than monolithic pages improved caching, reusability, and the ability to asynchronously deploy updates.
- Managing the network, security, and other challenges was critical for building reliable, interactive experiences.
Lessons from the Trenches: Engineering Great AJAX Experiences
- The document discusses lessons learned from building rich interactive web applications using AJAX and a mash-up architecture at Microsoft Windows Live. Some key lessons included evolving the AJAX pattern to handle real-world issues, developing component models, managing networks efficiently, and ensuring cross-browser compatibility.
- The Windows Live team adopted a mash-up philosophy where properties and experiences were composed of reusable components or "gadgets". This brought benefits like more efficient development and ability to quickly integrate services.
- Building robust, interactive web applications requires patterns for areas like asynchronous client-side page composition, component integration, theme management, and handling unreliable networks and security issues. The document outlines various approaches and best practices.
Usability AJAX and other ASP.NET Features
User experience
Usability
AJAX
Cross Page Post-backs
Validation Groups
Maintaining Scroll Positions
Control Focus, Default Buttons, Error Focus
SharePoint 2010 Application Development Overview
This document provides an overview of Microsoft SharePoint, including:
- SharePoint can be used for document management, collaboration, and as a development platform.
- It includes features like workflows, tagging, social networking capabilities, and integration with Office clients.
- Developers can create SharePoint solutions using tools like Visual Studio and deploy packages containing features and elements.
Building Rich Applications with Appcelerator
Building Rich Applications with Appcelerator presentation from Colorado Software Summit 2008.
http://softwaresummit.com/2008/speakers/raible.htm
Similar to Leveraging SharePoint Single Page Apps (20)
Building the next generation of browser apps today
Building the next generation of browser apps today
SharePoint Development with the SharePoint Framework
SharePoint Development with the SharePoint Framework
How we built nothingbutsharepoint.com on sharepoint 2010
How we built nothingbutsharepoint.com on sharepoint 2010
Lessons from the Trenches: Engineering Great AJAX Experiences
Lessons from the Trenches: Engineering Great AJAX Experiences
Recently uploaded
Infrastructure Challenges in Scaling RAG with Custom AI models
Building Retrieval-Augmented Generation (RAG) systems with open-source and custom AI models is a complex task. This talk explores the challenges in productionizing RAG systems, including retrieval performance, response synthesis, and evaluation. We’ll discuss how to leverage open-source models like text embeddings, language models, and custom fine-tuned models to enhance RAG performance. Additionally, we’ll cover how BentoML can help orchestrate and scale these AI components efficiently, ensuring seamless deployment and management of RAG systems in the cloud.
How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Programming Foundation Models with DSPy - Meetup Slides
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Video Streaming: Then, Now, and in the Future
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Pushing the limits of ePRTC: 100ns holdover for 100 days
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
“I’m still / I’m still / Chaining from the Block”
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
Climate Impact of Software Testing at Nordic Testing Days
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
20240605 QFM017 Machine Intelligence Reading List May 2024
Everything I found interesting about machines behaving intelligently during May 2024
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
Artificial Intelligence for XMLDevelopment
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Full-RAG: A modern architecture for hyper-personalization
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
20240607 QFM018 Elixir Reading List May 2024
Everything I found interesting about the Elixir programming ecosystem in May 2024
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Recently uploaded (20)
Infrastructure Challenges in Scaling RAG with Custom AI models
Infrastructure Challenges in Scaling RAG with Custom AI models
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
Leveraging SharePoint Single Page Apps
- 4. Web app that fits on a single web page Leverage client side code to provide a great UX Uses AJAX to load all necessary code with a single page load
- 6. Fits on a single web page Keeps navigation history, deep linking Persists state on the client (in cache or local storage)
- 7. Fully (or mostly) loaded in the initial page load Progressively downloads resources as required
- 8. Heavy utilization of javascript SEO challenges Time consuming /difficult if not utilising a SPA framework or libraries
- 9. Sample SPA Navigation history and deep linking Caching
- 10. What SPA frameworks can I use?
- 12. Data Binding
- 14. How to fit this to SharePoint?
- 18. Feature .NET Framework or Silverlight object models JavaScript object model REST/OData endpoints called from a Windows platform or JavaScript Object-oriented programming Yes Yes No Batch processing Yes Yes No APIs for conditional processing and exception handling Yes No No Availability of LINQ syntax Yes No No Combining list data from different SharePoint web applications Yes No Yes Familiarity to experienced REST/OData developers No No Yes Similarity to non-Windows programming or JavaScript programming No Yes Yes Strong typing for list item fields No (except with LINQ) No Yes, from Windows platform No, from JavaScript Leveraging jQuery, Knockout, and other JavaScript libraries No Yes No, from Windows platform Yes, from JavaScript
- 19. REST x JSOM (CSOM)
- 20. SPC:423 Deep dive: REST and CSOM comparison
- 25. Q&A
Editor's Notes
- Web app that fits on a single web page Leverage client side code to provide a great UX Uses AJAX to load all necessary code with a single page load Also known as SPA
- Reach different devices of different sizes, platforms and browsers.
- Fits on a single web page Keeps navigation history, deep linking Persists state on the client (in cache or local storage)
- Heavy utilization of javascript Complex coding No compiler help SEO challenges Time consuming /difficult if not utilising a SPA framework or libraries
- Demo Sample SPA Navigation history and deep linking Caching
- MV* - Separation of concerns using pattern, either MVC, MVVM Routing and Navigation. Make sure we can go from page to page. It is very likely that we are gonna have an application that will have multiple views, right? Data Binding – To handle plumbing code to allow data in and out from code to screen. DOM Templates – ability to have some templates so you don’t need to repeat sections of code to put information on the views Views – a way to manage and organize, so we can direct which views get loaded and associated to controllers/viewmodels. Pub / Sub for messaging. DI – Dependency Injection. Make sure we can manage the dependencies of the application.
- Demo MV* Routing Data Binding DOM templates Views DI Pub/Sub
- Demo REST x JSOM (CSOM)
- Complement each other Can coexist in the same app With AngularJS, REST integrates better. More details: SPC:423 Deep dive: REST and CSOM comparison
- Demo Breeze