The document discusses the evolution of HTML5 and new web technologies like Web Workers, Web Storage, Web Databases, and Cache Manifests that allow web applications to work offline. It then introduces the Alexing Framework for building web applications using these HTML5 features with a backend database and synchronization between the client and server through a middleware layer. The framework aims to provide an architecture and APIs for developing offline-first applications using HTML5 technologies.
Here are the slides from my talk at @media in London two weeks ago titled "Professional Frontend Engineering." I had four goals for the talk.
Put a stake in the ground.
Reiterate our values.
Advocate the discipline.
Nurture a healthy Web.
The goals were threaded throughout the four sections of the talk::
Historical Perspective
Our Beliefs & Principles
Knowledge Areas & Best Practices
Why It All Matters
The professionalization of frontend engineering is a topic I'm passionate about. I think it is critical to the advancement of the Internet.
Presented May 30th, 2008, in London at the @media conference in the plenary opening day two.
Here are the slides from my talk at @media in London two weeks ago titled "Professional Frontend Engineering." I had four goals for the talk.
Put a stake in the ground.
Reiterate our values.
Advocate the discipline.
Nurture a healthy Web.
The goals were threaded throughout the four sections of the talk::
Historical Perspective
Our Beliefs & Principles
Knowledge Areas & Best Practices
Why It All Matters
The professionalization of frontend engineering is a topic I'm passionate about. I think it is critical to the advancement of the Internet.
Presented May 30th, 2008, in London at the @media conference in the plenary opening day two.
IBM Connect 2014 - AD205: Creating State-of-the-Art Web Applications with Dom...Dave Delay
By clearly separating IBM Domino data from the web page, Domino REST services can open the door to a new world of interactive web applications. Learn about emerging web standards, including Web Components, that reflect new paradigms and help you create more interactive web applications. Find out what's new in Domino REST services and see examples of state-of-the-art applications that combine emerging web standards and REST.
RESTful OSGi Web Applications Tutorial - Khawaja S Shams & Jeff Norrismfrancis
OSGi DevCon 2008
NASA has been using the Eclipse Rich Client Platform (RCP) as the foundation for many of its rover operations tools for several years. Recently, we started using the Equinox project to extend our applications to the server as well. Along the way, we discovered REST, an intuitive, lightweight methodology for building web applications. In this tutorial, we will share the techniques that we have learned to combine these technologies into web services that are easy to develop, deploy, and use.
This tutorial will be focused on an entertaining set of space-related hands-on exercises that will teach participants to develop, integrate and deploy RESTful web applications on top of OSGI. Participants will walk away with an example RCP application and its Equinox server side support, along with an understanding of how each component functions. The presentation will also discuss issues associated with maintaining the server side code, securing the web applications, and performance. We will be deploying web based services through extension points, so the users will also be able to extend the example project to integrate additional web-services or use the skeleton for their own server side application. We will finally deploy the application to a tomcat server for production usage.
This tutorial will provide a hands-on demonstration of how Equinox and the Restlet framework make a unique combination that takes advantage of the powerful features offered by OSGI and the simplicity offered by REST. Web based services can offer a new whole new set of features to complement an RCP application, and we will demonstrate how simple this can be with a solid and battle tested framework behind the web applications.
Audience
We recommend that audience members have basic familiarity with plugin development and come prepared to code. Audience members without development experience will gain background information on evaluating Equinox for the architecture of their web based applications.
Turbocharge your applications with HTML5 features and its JavaScript APIs. Simplify tasks that weren’t possible previously. Understand how to tap the full potential of HTML5 features in your web applications using: HTML5 features, File API, Video, Location API, Application Cache API, Local Storage API, Animating the User Interface, Web Workers.
Windows Azure for Developers - Service ManagementMichael Collier
With the Windows Azure Service Management API we can control nearly all aspects of a Windows Azure deployment. This allows us to easily manage areas such as deployments, service upgrades, and subscription management. Additionally, with the PowerShell cmdlets we gain even greater power over the management of a Windows Azure service. In this webcast, we will take a look at managing a Windows Azure service from a developer's point of view. We'll look at using both the Windows Azure Service Management API and PowerShell cmdlets to exercise control over our Windows Azure services.
Windows Azure for Developers - Building Block ServicesMichael Collier
Learn about the next generation building block services available in Windows Azure that help to create connected, secure, and reliable services.
With services such as Caching, Service Bus (relay, queues, and topics), and Access Control Services (ACS) developers can focus more on building great solutions and less on plumbing services necessary to do so. In this webcast, we will take a look at many of the additional services offered as part of Windows Azure. We'll see just how easy it can be to add scalable caching with Windows Azure Caching, create robust connected solutions with the Service Bus, and secure applications with ACS.
Anatomy of a web app
HTML5
CSS3
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2015.
http://www.ivanomalavolta.com
The Complementarity of React and Web ComponentsAndrew Rota
On Github: http://andrewrota.github.io/complementarity-of-react-and-web-components-presentation/index.html
The component driven, performance focused approach of React is a perfect complement to the modularity and portability of native HTML Web Components. At first glance, React and Web Components might seem like two radically different solutions to the same problem. But when combined properly they complement each other to create an extremely powerful, expressive framework for developing complex web applications.
Learn how to leverage various tools to quickly and consistently create full environments in minutes.
Like most things in life, there's an easy way and a hard way. The same holds true when working in cloud environments such as Microsoft Azure. The Azure management portal and Visual Studio can be great for relatively simple projects, but quickly become tedious when trying to create the multiple resources that often make up a real-world solution. This session will demonstrate how to leverage various tools, such as PowerShell, Azure Resource Manager, Azure Automation, and the Azure Management Library, to quickly and consistently create full environments in minutes.
You will learn:
- How to use Azure Management Library to create various Azure assets
- How to use Azure PowerShell cmdlets to query Azure services, deploy VMs and Cloud Services
- How to leverage Azure Automation to reduce operating costs and other management tasks
IBM Connect 2014 - AD205: Creating State-of-the-Art Web Applications with Dom...Dave Delay
By clearly separating IBM Domino data from the web page, Domino REST services can open the door to a new world of interactive web applications. Learn about emerging web standards, including Web Components, that reflect new paradigms and help you create more interactive web applications. Find out what's new in Domino REST services and see examples of state-of-the-art applications that combine emerging web standards and REST.
RESTful OSGi Web Applications Tutorial - Khawaja S Shams & Jeff Norrismfrancis
OSGi DevCon 2008
NASA has been using the Eclipse Rich Client Platform (RCP) as the foundation for many of its rover operations tools for several years. Recently, we started using the Equinox project to extend our applications to the server as well. Along the way, we discovered REST, an intuitive, lightweight methodology for building web applications. In this tutorial, we will share the techniques that we have learned to combine these technologies into web services that are easy to develop, deploy, and use.
This tutorial will be focused on an entertaining set of space-related hands-on exercises that will teach participants to develop, integrate and deploy RESTful web applications on top of OSGI. Participants will walk away with an example RCP application and its Equinox server side support, along with an understanding of how each component functions. The presentation will also discuss issues associated with maintaining the server side code, securing the web applications, and performance. We will be deploying web based services through extension points, so the users will also be able to extend the example project to integrate additional web-services or use the skeleton for their own server side application. We will finally deploy the application to a tomcat server for production usage.
This tutorial will provide a hands-on demonstration of how Equinox and the Restlet framework make a unique combination that takes advantage of the powerful features offered by OSGI and the simplicity offered by REST. Web based services can offer a new whole new set of features to complement an RCP application, and we will demonstrate how simple this can be with a solid and battle tested framework behind the web applications.
Audience
We recommend that audience members have basic familiarity with plugin development and come prepared to code. Audience members without development experience will gain background information on evaluating Equinox for the architecture of their web based applications.
Turbocharge your applications with HTML5 features and its JavaScript APIs. Simplify tasks that weren’t possible previously. Understand how to tap the full potential of HTML5 features in your web applications using: HTML5 features, File API, Video, Location API, Application Cache API, Local Storage API, Animating the User Interface, Web Workers.
Windows Azure for Developers - Service ManagementMichael Collier
With the Windows Azure Service Management API we can control nearly all aspects of a Windows Azure deployment. This allows us to easily manage areas such as deployments, service upgrades, and subscription management. Additionally, with the PowerShell cmdlets we gain even greater power over the management of a Windows Azure service. In this webcast, we will take a look at managing a Windows Azure service from a developer's point of view. We'll look at using both the Windows Azure Service Management API and PowerShell cmdlets to exercise control over our Windows Azure services.
Windows Azure for Developers - Building Block ServicesMichael Collier
Learn about the next generation building block services available in Windows Azure that help to create connected, secure, and reliable services.
With services such as Caching, Service Bus (relay, queues, and topics), and Access Control Services (ACS) developers can focus more on building great solutions and less on plumbing services necessary to do so. In this webcast, we will take a look at many of the additional services offered as part of Windows Azure. We'll see just how easy it can be to add scalable caching with Windows Azure Caching, create robust connected solutions with the Service Bus, and secure applications with ACS.
Anatomy of a web app
HTML5
CSS3
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2015.
http://www.ivanomalavolta.com
The Complementarity of React and Web ComponentsAndrew Rota
On Github: http://andrewrota.github.io/complementarity-of-react-and-web-components-presentation/index.html
The component driven, performance focused approach of React is a perfect complement to the modularity and portability of native HTML Web Components. At first glance, React and Web Components might seem like two radically different solutions to the same problem. But when combined properly they complement each other to create an extremely powerful, expressive framework for developing complex web applications.
Learn how to leverage various tools to quickly and consistently create full environments in minutes.
Like most things in life, there's an easy way and a hard way. The same holds true when working in cloud environments such as Microsoft Azure. The Azure management portal and Visual Studio can be great for relatively simple projects, but quickly become tedious when trying to create the multiple resources that often make up a real-world solution. This session will demonstrate how to leverage various tools, such as PowerShell, Azure Resource Manager, Azure Automation, and the Azure Management Library, to quickly and consistently create full environments in minutes.
You will learn:
- How to use Azure Management Library to create various Azure assets
- How to use Azure PowerShell cmdlets to query Azure services, deploy VMs and Cloud Services
- How to leverage Azure Automation to reduce operating costs and other management tasks
Piping components, materials, codes and standards part 1- pipeAlireza Niakani
The course is focused on four areas: piping components, pipe materials and manufacture, sizes, codes and standards. Applicable piping codes for oil and gas facilities (ISO, B31.3, B31.4, B31.8, etc.), pipe sizing calculations, pipe installation, and materials selection are an integral part of the course. The emphasis is on proper material selection and specification of piping systems.
11 Things Healthy People Do Every MorningEason Chan
It all starts at home. A great day begins with an amazing morning. With constant distractions and the daily pressure of responsibilities, it’s important to start your morning right to get your mind and body prepared for your daily routine. These 11 tips will bring out the best of your morning, day, week, and life. Shared by: http://www.familychiropractic.com.sg/
24 Productivity Habits of Successful People - by @prdotcopr.co
These are the history’s most successful people. Being so successful, they must have failed more than others. They must have found how to make it work - in how they lived, their routines, their failures and their habits. Let’s look for theif formula for success, the tips and tricks they used to be successful at what they did best. Anything you may find inspiring?
Article: http://academy.pr.co/127380-24-productivity-habits-of-successful-people
Inspired by: https://medium.com/life-learning/25-daily-rituals-of-history-s-most-successful-d87f1cf43077
Created by: http://pr.co
With the advent of CSS3 and the ever-greater maturity of HTML5, it’s an exciting time for the Web. The possibilities for creating truly engaging – even addictive – Web and business applications appear limitless. And, with the release of Internet Explorer 9, Microsoft finally came in from the cold after many years in the world wide wilderness.
As Internet Explorer moves towards full support of standards-based HTML5 and CSS3, this is a great opportunity to hear from Martin Beeby about how these key technologies will be used to build and deliver the applications of tomorrow, engage end-users like never before, and generate even greater loyalty to Web-sites.
Fighting Against Chaotically Separated Values with EmbulkSadayuki Furuhashi
We created a plugin-based data collection tool that can read any chaotically formatted files called "CSV" by guessing its schema automatically
Talked at csv,conf,v2 in Berlin
http://csvconf.com/
Vaadin - Rich Web Applications in Server-side Java without Plug-ins or JavaSc...Joonas Lehtinen
The Vaadin provides a desktop-like programming model on the server for creating Rich Internet Applications (RIAs) in plain Java - without the need for HTML, XML, plug-ins or JavaScript.
Session explains the key concepts of the server-side RIA development model and compares it to client-side RIA. To demonstrate the use of framework, an example application is developed during the session step-by-step. The presentation is concluded with pointers on how to start developing your own applications with Apache-licensed Vaadin-framework.
You'll learn:
* How to create a desktop like web application in Java
* Difference between page oriented, client-side RIA and server-side RIA architectures
* How Vaadin can be extended with Google Web Toolkit
More information and materials about the presentation:
http://vaadin.com/web/joonas/wiki/-/wiki/Main/Server-side%20RIA
Vaadin, Rich Web Apps in Server-Side Java without Plug-ins or JavaScript: Joo...jaxconf
Get introduced to the Vaadin framework by one of its core developers. Vaadin provides a desktop-like programming model on the server for creating Rich Internet Applications (RIAs) in plain Java - without the need for HTML, XML, plug-ins or JavaScript. In this session, Joonas lays out the key concepts of the server-side RIA development model and compares it to client-side RIA. To demonstrate the use of framework, an example application is developed during the session step-by-step. The presentation is concluded with pointers on how to start developing your own applications with Apache-licensed Vaadin-framework. You'll learn: * How to create a desktop like web application in Java * Difference between page oriented, client-side RIA and server-side RIA architectures * How Vaadin can be extended with Google Web Toolkit
This is a discussion about the User Interface patterns used by Nuxeo. There is additional information on HTML5 and future directions.
see www.data4USA.com for details
MSc Enterprise Systems Development Guest Lecture at UniS (2/12/09)Daniel Bryant
A guest lecture I presented to MSc Level Enterprise Systems Development students within the Department of Computing at the University of Surrey. This was a very similar presentation to the L2 lecture delivered the week earlier, but also included more advanced material.
This is a presentation on Google Web Toolkit given at Devfest 2009 in Buenos Aires Argentina on Nov 17, 2009 by Google Developer Advocate, Chris Schalk
A Walking Tour of (almost) all of Springdom Joshua Long
this is the deck for my 3+ hour walking tour talk that I give as a workshop at various conferences. This talk introduces practically everything in Spring -- come into the talk unaware of the concepts or frameworks and leave with a working knowledge of all the frameworks, and of all the applications for the technologies.
Amazon EC2 Container Service: Manage Docker-Enabled Apps in EC2Amazon Web Services
Amazon EC2 Container Service (Amazon ECS) is a new AWS service that makes it easy to run and manage Docker-enabled applications across a cluster of Amazon EC2 instances. Amazon ECS lets you define, schedule, and stop sets of containers. You have access to the state of your resources, making it easy to confirm that tasks are running or view the utilization of EC2 instances in your cluster. This session will describe the benefits of containers, introduce ECS, and demonstrate how to use ECS for your applications.
Cloud State of the Union for Java DevelopersBurr Sutter
This presentation provides a broad overview of what is going on in the Cloud computing world - for Java developers - presented on Dec 21st 2010 at the Atlanta Java Users Group - ajug.org - no audio was recorded.
15. Web Database
DB
1 DB
DB
Browser
exampleA.com exampleB.com
DB1 DB1
Table1 DB1 Table1 DB1
Table1 Table1
Table1 Table1
16. Web Database
API API
API
var db = openDatabase(...)
db.transaction(function(tx) {
tx.executeSql(“...”, [...],
function onSuccess(tx, results) {
...
},
function onError(tx, error) { ...}
});
API
var db = openDatabaseSync(...)
db.transaction(function(tx) {
var results = tx.executeSql(“...”);
...
18. Web Storage
Web Database
LocalStorage
SessionStorage
19. Web Storage
Web Database Web Storage
localStorage sessionStorage
// localStorage/sessionStorage
//
localStorage.setItem(“key”, “value”);
var val = localStorage.getItem(“key”);
//
localStorage.key =“value”;
var val = localStorage.key;
42. Alexing Framework
•
•
•
•
class
Cloud
Greeting
Java Class
DB
Middleware
class Alexing
Client Greeting
Sync Engine
JavaScript
Class DB
43. Alexing Framework
•
•
•
•
class
Cloud
Greeting
Java Class
DB
Middleware
class Alexing
Client Greeting
Sync Engine
edit
Application JavaScript
Class DB
retrieve