Html5 bug

Apr 26, 20130 likes326 views

The document discusses using Backbone, Promises, and Singletons to structure JavaScript applications. It recommends using Backbone for its model-view-controller structure, Promises to handle asynchronous operations, and Singletons to ensure only one instance of a model exists. Combining these approaches keeps the code clean and maintainable while speeding up development by delegating data fetching responsibilities to the client.

Triforce your JavaScript with
Backbone, Promise and Singleton

Python/Semantic Web Services
http://lod-cloud.net/

Python on embedded devices
to control LED lights

Tech Stack
Loads of Javascript
Python (Tornado)
GoLang
MongoDB

built�Cin widgets
standards
client/server overlapping

Solution
client UI / DOM��
server JSON��

The Server doesn't know
anything about the UI
it only exposes and
manipulates data

The Client handles user's
events and asks for
the data it needs

The Client is a collection of Widgets
Every widget is self�Ccontained and is
responsible to ask for its data

Pretty intense for the Server but
speeds up the development for
the Client
we've already optimized the client/server communication

MV* library
(do the **** you want)
by Jeremy Ashkenas from DocumentCloud
easy to understand
almost easy to customize
Backbone

Backbone provides classes to represent:
Models
Views
Router

Inspired by a post by SoundCloud
they call this pattern instance store

The Singleton Pattern
help us having one global
instance per ID
>>> a = new Backbone.Model({ id: 42 })
>>> b = new Backbone.Model({ id: 42 })
>>> a === b // true
IMO this should be the Backbone.Model default behaviour

��A Promise represents the
eventual value returned from the
single completion of an
operation.��

A Promise is an object
representation of an event

Example
>>> $.ajax({ success: log })
>>> var promise = $.ajax()
>>> promise.done(log)
log = function () { console.log(arguments) }

Example
>>> $.ajax({ success: log, error: log })
>>> var promise = $.ajax()
>>> promise.done(log)
>>> promise.fail(log)
log = function () { console.log(arguments) }

Example
>>> $.ajax({ success: [log, log],
error : log })
>>> var promise = $.ajax()
>>> promise.done(log)
>>> promise.fail(log)
>>> promise.done(log)
log = function () { console.log(arguments) }

Life cycle of a Visit
internal routing
{ hash: 'IOn' }
user visits
urli.st/IOn

Life cycle of a Visit
internal routing
{ hash: 'IOn' }
user visits
urli.st/IOn
Google
Analytics
l = new List(hash)
l.ajax()...
DOM Rendering
l = new List(hash)
l.ajax()...
Facebook
soon
l = new List(hash)
l.ajax()...
Mixpanel
l = new List(hash)
l.ajax()...

Sum up
delegating to the Client the
responsibility to ask data to the
Server speeds up our
development

combining Backbone with
Promises and Singletons keeps
the code clean and
easy to maintain

thanks
alberto@urli.st
resources of this presentation:
http://urli.st/IOn
PS: we are hiring

for (var i = 0; i < urlists.length; i++)
this.addWidget(urlists.at(i));

step 1
override the
Backbone.sync
method to manage all the
fetch

step 2
use a Ticker object
to buffer all the GETs
~100 sloc

Finch.io is a library for building REST APIs in Scala using Finagle. It allows for composable endpoints and services. Parameters can be extracted from requests using a reader monad. Requests and responses can be validated. Responses can be JSON, plain text, or other formats. Authentication such as basic auth can also be supported. The documentation provides examples of defining endpoints and services, composing them, handling parameters and validation, and constructing different response types including JSON.

JavaScript PromiseJoseph Chiang

This document discusses JavaScript promises as an abstraction pattern for handling asynchronous code. It explains why promises are useful by describing some of the issues with callback-based asynchronous code, such as callback hell and lack of readability. The document then provides examples of how to create and use promises to handle sequential and parallel asynchronous tasks in a more maintainable way using chaining and batching. It also discusses how promises are supported in browsers, Node.js, and common promise libraries like Q, RSVP, when.js, and Bluebird.

Dealing with Continuous Data Processing, ConFoo 2012Michael Peacock

- Smith Electric Vehicles produces all-electric commercial vehicles and collects large amounts of telemetry data from these vehicles. - As the number of vehicles and amount of collected data grew, Smith Electric faced challenges around inserts, availability, capacity, storage, and queries that slowed their systems. - To address these issues, Smith Electric implemented solutions like message queues, caching, memcached, lazy loading, sharding, and optimizing data types, indexes, and queries. They also improved deployment processes and application quality.

Promise patternSebastiaan Deckers

Promise patterns provide an asynchronous programming model for JavaScript using promises. Promises allow separating business logic from asynchronous API providers by defining a standard asynchronous API. Common patterns are callbacks, events, and promises. Promises improve on callbacks and events by allowing parallel asynchronous operations, error handling, and progress tracking in a standardized way.

Joe Walker Interactivewebsites Cometand Dwrdeimos

The document discusses Comet and DWR (Direct Web Remoting). It provides an overview of Comet, which allows for long-lived HTTP connections to enable low-latency data delivery. It discusses various Comet techniques like forever frames, long polling, and HTMLFile. It also covers challenges of implementing Comet and how frameworks like DWR and protocols like Bayeux help address these. DWR allows for easily calling Java objects from JavaScript and updating pages in real-time.

Asynchronous programming patterns in Perldeepfountainconsulting

The Promised Land (in Angular)Domenic Denicola

Phoenix + React�� ڥ��ƥ�� ܤ��äƤ�Takahiro Kobaru

This document discusses using Phoenix, Elixir, and React with GraphQL and LDAP. Key points include: - React is used for the front-end views with Redux for state management. GraphQL queries are made via Apollo. - Elixir and Phoenix provide the back-end API with GraphQL via Absinthe. Phoenix acts as the web framework and Absinthe handles the GraphQL schema and queries. - An LDAP server is used as the centralized user database and accessed via Erlang's LDAP client. - JSON web tokens (JWTs) are used for authentication, handled via Guardian. Tokens are passed in requests and decoded on the back-end to retrieve user details

Rails web api ��shaokun

This document provides instructions for building a Rails API and discusses related topics. It recommends using Rails 3.1 and Ruby 1.9.2 to build the API. It provides steps to generate a MessagesController to handle API requests for messages. It discusses testing the API with curl and rspec tests. It also covers building a namespaced and versioned API, authentication, caching responses, hosting on DotCloud, and running background jobs with Delayed Job.

JavaScript PromisesL&T Technology Services Limited

JavaScript PromisesTomasz Bak

The document discusses JavaScript promises and how they can be used to handle asynchronous operations. Promises allow asynchronous functions to return values asynchronously by attaching callbacks to the promise object. This avoids callback hell and makes asynchronous code easier to read and maintain. The document covers how promises can be chained together, executed in parallel, cached, and passed around between functions. It also discusses promise implementations in different frameworks like jQuery, Angular, and how promises can interact across frameworks.

More to RoC weiboshaokun

A Gentle Introduction to Event Loopsdeepfountainconsulting

This document discusses event loops and how they work. Event loops allow non-blocking operations by listening for events like network data or user input in parallel. They achieve this through callbacks, select(), threads, or other asynchronous programming techniques. Common examples of event loops include browser JavaScript, game engines, servers, and other applications that perform non-blocking IO operations. Event loops can be complex to work with correctly due to issues like race conditions, so abstractions like promises are recommended.

Unity and WebSocketsJosh Glover

This document discusses using WebSockets in Unity games and describes how to implement a finite state machine to handle asynchronous WebSocket events on the main thread. It begins with an overview of WebSockets and their advantages over polling. It then demonstrates how to connect to a WebSocket server and handle events like connection, receiving messages, and disconnection using the WebSocket Sharp library. To address Unity's single-threaded model, it presents a finite state machine pattern that queues asynchronous WebSocket events to be processed on the main thread. Sample code is provided to illustrate setting up and transitioning between states to safely coordinate the WebSocket connection and events.

Phpne august-2012-symfony-components-friendsMichael Peacock

Using the new WordPress REST APICaldera Labs

This document discusses the WordPress REST API, which allows consuming and modifying WordPress data via a standards-compliant JSON REST API from within WordPress or another application. It provides examples of using the API to get posts, parse responses with Handlebars, and build a JavaScript client. The REST API offers advantages like decoupling the front-end from WordPress, and allows any front-end developer to work on a WordPress-powered site. It is currently a plugin but will be included in WordPress core.

Avoiding callback hell in Node js using promisesAnkit Agarwal

This document discusses using promises in Node.js to avoid callback hell. It explains that Node.js is event-based and non-blocking, allowing it to handle multiple requests simultaneously. However, nested callbacks can result in unwieldy callback pyramids or "callback hell". Promises provide a way to write asynchronous code in a more linear way using method chaining. Key benefits include separation of concerns between wrapping asynchronous functions and controlling flow, as well as more readable code. The document provides examples of chaining, nesting, combining, and creating promises using deferred objects in the Q promise library.

Iterators & generators: practical uses in memory managementAdrian Cardenas

The Beauty of Java ScriptMichael Girouard

The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, prototypes and more to demonstrate JavaScript's capabilities. It emphasizes that libraries help create abstractions and beautiful patterns in JavaScript code.

Pragmatic Browser Automation with Geb - GIDS 2015Naresha K

This document discusses pragmatic browser automation using Geb. It introduces Geb and how it provides an elegant and expressive way to automate browsers using the power of WebDriver, jQuery style selector syntax, and page object modeling. Key features covered include navigating browsers, accessing and asserting page elements, using modules and page objects for organization, waiting capabilities, and integration with Spock for testing. Geb aims to provide the robustness of WebDriver with the simplicity of jQuery selectors and page objects for pragmatic browser automation.

Promises, PromisesDomenic Denicola

Promises provide a consistent way to write asynchronous code in JavaScript by abstracting callbacks into objects. Some key benefits of promises include: handling errors through rejection instead of nested callbacks, ability to chain operations together through promise methods like .then(), and restoring synchronous-like control flow. The document discusses how promises improve on traditional callback-based patterns and provides examples of converting common asynchronous patterns to use promises.

Async FrontiersDomenic Denicola

Slowly but surely, promises have spread throughout the JavaScript ecosystem, standardized by ES 2015 and embraced by the web platform. But the world of asynchronous programming contains more patterns than the simple single-valued async function call that promises represent. What about things like streams, observables, async iterators��or even just cancelable promises? How do they fit, both in the conceptual landscape and in your day-to-day programming? For the last year, I've been working to bring an implementation of I/O streams to the browser. Meanwhile, designs for a cancelable promise type (sometimes called "tasks") are starting to form, driven by the needs of web platform APIs. And TC39 has several proposals floating around for more general asynchronous iteration. We'll learn about these efforts and more, as I guide you through the frontiers of popular libraries, language design, and web standards.

The Beauty Of Java Script V5arajivmordani

The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, inheritance through prototypes, and AJAX requests. It emphasizes how libraries help create abstractions and beautiful patterns in JavaScript code.

ES6 is NighDomenic Denicola

ES6 is Nigh is a presentation on the future of JavaScript. It discusses the history of JavaScript and why ES6 is important for advancing the language. The presentation outlines many new features being added in ES6, such as arrow functions, classes, modules, template strings, symbols, generators, and proxies. It emphasizes that ES6 is purely additive and introduces these features without breaking backwards compatibility.

$q and Promises in AngularJS a_sharif

The document discusses the use of promises in AngularJS using the $q service. It explains that promises provide a better way to handle asynchronous operations than callbacks. With $q, asynchronous functions return promises rather than using callbacks. These promises can be composed using methods like then(), catch(), and finally() to handle multiple asynchronous operations sequentially or in parallel. The $q.all() method allows handling multiple promises in parallel, while $q.when() wraps objects to ensure they are handled as promises. Overall, the document presents promises as a cleaner way to manage asynchronous code with AngularJS compared to nested callbacks.

Creating REST Applications with the Slim Micro-Framework by Vikram Vaswanivvaswani

Angular&node js upload fileHu Kenneth

This document discusses various methods for uploading files in Angular and NodeJS applications using Multer. It provides examples of how to upload single files, preview uploaded images, upload files with additional data, and upload multiple files from different fields. It also demonstrates how to upload files to different destination folders and references additional resources on file uploading with Multer.

2009 Cancer Statisticscmurray

Cancer remains a leading cause of death in the United States, with over 1.5 million new cancer cases and over 500,000 cancer deaths estimated for 2009. Lung cancer is the leading cause of cancer death among both men and women, and rates have been declining for men but increasing for women. Cancer death rates have declined for the most common cancers due to reductions in smoking and advances in early detection and treatment. However, African Americans have higher cancer incidence and mortality rates than whites for several types of cancer.

KaDouce AutoBioKarine L

This document provides personal details about an individual, including their favorite colors, foods, TV show, book, place, song, activity, and person. It also lists their birthday, height, phone number, address, favorite number, shoe size, and a special event in their life where they had an epiphany about their career path. Additionally, it outlines 5 things they want their class to know, such as being detail-oriented and liking to lead, and their goals for 2009, which include saving money, starting a college advising organization, and traveling more.

More Related Content

What's hot (20)

Phoenix + React�� ڥ��ƥ�� ܤ��äƤ�Takahiro Kobaru

Rails web api ��shaokun

JavaScript PromisesL&T Technology Services Limited

JavaScript PromisesTomasz Bak

More to RoC weiboshaokun

A Gentle Introduction to Event Loopsdeepfountainconsulting

Unity and WebSocketsJosh Glover

Phpne august-2012-symfony-components-friendsMichael Peacock

Using the new WordPress REST APICaldera Labs

Avoiding callback hell in Node js using promisesAnkit Agarwal

Iterators & generators: practical uses in memory managementAdrian Cardenas

The Beauty of Java ScriptMichael Girouard

Pragmatic Browser Automation with Geb - GIDS 2015Naresha K

Promises, PromisesDomenic Denicola

Async FrontiersDomenic Denicola

The Beauty Of Java Script V5arajivmordani

The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, inheritance through prototypes, and AJAX requests. It emphasizes how libraries help create abstractions and beautiful patterns in JavaScript code.

ES6 is NighDomenic Denicola

$q and Promises in AngularJS a_sharif

Creating REST Applications with the Slim Micro-Framework by Vikram Vaswanivvaswani

Angular&node js upload fileHu Kenneth

Phoenix + React�� ڥ��ƥ�� ܤ��äƤ�Takahiro Kobaru

Rails web api ��shaokun

JavaScript PromisesL&T Technology Services Limited

JavaScript PromisesTomasz Bak

More to RoC weiboshaokun

A Gentle Introduction to Event Loopsdeepfountainconsulting

Unity and WebSocketsJosh Glover

Phpne august-2012-symfony-components-friendsMichael Peacock

Using the new WordPress REST APICaldera Labs

Avoiding callback hell in Node js using promisesAnkit Agarwal

Iterators & generators: practical uses in memory managementAdrian Cardenas

The Beauty of Java ScriptMichael Girouard

Pragmatic Browser Automation with Geb - GIDS 2015Naresha K

Promises, PromisesDomenic Denicola

Async FrontiersDomenic Denicola

The Beauty Of Java Script V5arajivmordani

ES6 is NighDomenic Denicola

$q and Promises in AngularJS a_sharif

Creating REST Applications with the Slim Micro-Framework by Vikram Vaswanivvaswani

Angular&node js upload fileHu Kenneth

Viewers also liked (15)

2009 Cancer Statisticscmurray

KaDouce AutoBioKarine L

Teapeerzada2009

The document discusses the tea industry in India. It provides statistics on tea production in India over the past 5 years, showing that production has increased in North India but declined slightly in South India. It also shows data on the average prices of tea in North India, South India, and all India over this period, with prices generally declining. Some of the listed causes of price variation include competition, dependence on few export countries, closure of tea gardens, labor issues, taxes, and funding. Effects of price variation include closure of tea gardens, lower exports, higher production costs, and slower industry growth.

Orarul profesorilor de la catedra psihologiesergiu_sanduleac

Chapter 10-Holt causes of changecmurray

This document discusses energy transfer and heat. It defines heat as energy transferred between objects at different temperatures. Temperature is a measure of average kinetic energy, and heat is transferred from hotter to colder objects. Enthalpy is a measure of total energy in a system and can increase or decrease in chemical reactions, which can be exothermic or endothermic. The enthalpy change of a reaction depends on variables like temperature and can be determined through calorimetry experiments or by applying Hess's law.

Pycon4 TastymessAlberto Granzotto

Eight Verses for Training the Mind: the Bodhisattva Ideal and the Bodhicitta ...manchesterbuddhistcentre

The document discusses two verses from "Eight Verses for Training the Mind" by Kadampa Geshe Langritangpa. The first verse is about regarding others as superior to oneself in order to overcome pride. The second verse is about watching the mind and forcefully stopping disturbing emotions as they arise, as they hurt both oneself and others. The document provides context and commentary on these verses, discussing concepts like Buddha's compassion, cherishing others, disturbing emotions, and forcefully stopping klesas.

Wintertimesergiu_sanduleac

Consciousness Wk 1 Summary & Wk 2manchesterbuddhistcentre

Qpacsergiu_sanduleac

Caro CandidatoAlberto Granzotto

Dog Flip Junior G.cali123

Letters Of RecommendationMAD_Accountant

Las 10 claves tur��sticas para afrontar en C��rdoba un escenario cambiante y ev...Jos�� Antonio Garc��a Su��rez

El documento presenta 10 claves tur��sticas para la ciudad de C��rdoba ante un escenario cambiante y evolutivo. Las claves incluyen conocer y proyectar la calidad de la experiencia tur��stica, generar agrupaciones efectivas entre empresas tur��sticas, interiorizar el escenario online en la estrategia de marca, crear una entidad que dirija de forma colaborativa la gesti��n del destino tur��stico, estimular la creatividad como estrategia de producto y comunicaci��n, posicionar a C��rdoba como referente del turismo creativo

La creatividad una estrategia para el desarrollo urbano territorial en tiemp...Jos�� Antonio Garc��a Su��rez

2009 Cancer Statisticscmurray

KaDouce AutoBioKarine L

Teapeerzada2009

Orarul profesorilor de la catedra psihologiesergiu_sanduleac

Chapter 10-Holt causes of changecmurray

Pycon4 TastymessAlberto Granzotto

Eight Verses for Training the Mind: the Bodhisattva Ideal and the Bodhicitta ...manchesterbuddhistcentre

Wintertimesergiu_sanduleac

Consciousness Wk 1 Summary & Wk 2manchesterbuddhistcentre

Qpacsergiu_sanduleac

Caro CandidatoAlberto Granzotto

Dog Flip Junior G.cali123

Letters Of RecommendationMAD_Accountant

Las 10 claves tur��sticas para afrontar en C��rdoba un escenario cambiante y ev...Jos�� Antonio Garc��a Su��rez

La creatividad una estrategia para el desarrollo urbano territorial en tiemp...Jos�� Antonio Garc��a Su��rez

Similar to Html5 bug (20)

ǰ�˸��Ethan Zhang

The document provides an overview of front-end technologies including HTML, CSS, JavaScript, Ajax and jQuery. It discusses how the front-end interacts with the user's browser and backend servers. It describes the roles of HTML, CSS and JavaScript in content, styles and behaviors. It then covers HTML tags and structures, CSS, JavaScript basics and its use in browsers with BOM and DOM APIs. The document also summarizes Ajax and how it enables asynchronous JavaScript requests, and introduces jQuery and how it simplifies DOM and Ajax operations.

TDC2017 | S?o Paulo - Trilha Java EE How we figured out we had a SRE team at ...tdc-globalcode

This document discusses how to build APIs productively using Spring Boot, Spring MVC, and Spring Data. It covers how Spring Boot helps with dependency management, embedded servlet containers, and auto-configuration. Spring MVC is described as providing simplicity in API exposure and serialization/deserialization. Spring Data provides standard repository implementations and abstraction for data access across different data sources, including support for caching.

Progressive web appsFastly

Alex Russell Software Engineer, Google at Fastly Altitude 2016 New browser technologies are arriving that are poised to change user and developer expectations of what��s possible on the web; particularly on slow mobile devices with flaky connections. This talk discusses how these new technologies �C Service Workers, Progressive Web Apps, HTTP/2, Push, Notifications, and Web Components are being combined, e.g. in the new PRPL pattern, to transform user experiences while improving business results.

NodeJS TourArunoda Susiripala

Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. It allows JavaScript to run on the server-side and is used for building scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, as well as packaged modules to help build everything from web servers to utilities. Popular Node.js frameworks include Express and Restler for building web servers and APIs.

The Big Picture and How to Get Startedguest1af57e

Jeff Scudder, Eric Bidelman The number of APIs made available for Google products has exploded from a handful to a slew! Get the big picture on what is possible with the APIs for everything from YouTube, to Spreadsheets, to Search, to Translate. We'll go over a few tools to help you get started and the things these APIs share in common. After this session picking up new Google APIs will be a snap.

Cross Domain Web?Mashups with JQuery and Google App EngineAndy McKay

This document discusses cross-domain mashups using jQuery and Google App Engine. It describes common techniques for dealing with the same-origin policy, including proxies, JSONP, and building sample applications that mashup Twitter data, geotagged tweets, and maps. Examples include parsing RSS feeds from Twitter into JSONP and displaying tweets on a map based on their geotagged locations. The document concludes by noting issues with trust, failures, and limitations for enterprise use.

Implementation of GUI Framework part3masahiroookubo

The document discusses the introduction of GUI components using JavaScript. It describes the architecture of the GUI framework including custom JavaScript and CSS libraries. It then discusses the benefits of the framework including separation of design and control, simple interfaces, and ease of data handling. Code examples are provided to demonstrate how to write HTML for a form and table and the corresponding JavaScript to initialize components and handle form submission and displaying data in the table. The next session will cover communication with the server using Ajax and JSON.

Socket applicationsJo?o Moura

The document discusses socket applications and real-time communication. It describes common examples like chat, live feeds, and games. It then explains the typical solution of using AJAX requests and the problems with that approach. The proposed solution is to use a multi-threaded model with asynchronous I/O and the reactor pattern to process requests while waiting for network responses. Various tools for implementing this pattern in Ruby and JavaScript are also mentioned, including Pusher, Socket.IO, and SocketStream.

huhuDung Tr??ng

This document discusses using jQuery and Google App Engine to create cross-domain web mashups in 3 sentences or less: The document introduces techniques for creating cross-domain web mashups using jQuery to make AJAX calls across domains and Google App Engine for hosting, discussing JSONP and proxies to overcome the same-origin policy limitation. It then provides an example mashup that displays tweets tagged with a hashtag on a map by geocoding hashtag names to locations and querying Twitter, Google Maps, and other domains.

Construindo APIs de forma produtiva com Spring Boot, Spring Data e Spring MVCEmmanuel Neri

Developing node-mdb: a Node.js - based clone of SimpleDBRob Tweed

The document discusses the development of node-mdb, an open source emulation of Amazon's SimpleDB NoSQL cloud database using Node.js and the GT.M database. It describes why the author chose to emulate SimpleDB, use GT.M as the database backend, and develop it using Node.js. It also provides details on how node-mdb implements the SimpleDB APIs by mapping the database schema and operations to GT.M globals and leveraging Node.js asynchronous programming patterns.

Play Framework: async I/O with Java and ScalaYevgeniy Brikman

This document discusses asynchronous I/O in Java and Scala using the Play Framework. It describes how LinkedIn uses a service-oriented architecture with hundreds of services making requests to each other. It then covers how Play supports non-blocking I/O using asynchronous code, promises, and futures to allow parallel requests without blocking threads. Key points covered include using map and flatMap to transform promises and futures, handling errors and timeouts, and the benefits of non-blocking I/O for scalability.

Intro to PSGI and PlackTatsuhiko Miyagawa

PSGI is a Perl port of Python's WSGI and Ruby's Rack that defines a common interface between web servers and frameworks. Plack provides reference implementations of PSGI servers as well as middleware and utilities. This allows frameworks to run on many servers like standalone, FastCGI, and Apache using a common PSGI application interface. Plack is fast, supports many frameworks through adapters, and provides tools like Plackup and middleware to help build and test PSGI applications.

SproutCore and the Future of Web AppsMike Subelsky

The document discusses the future of web applications and building applications with SproutCore. It notes that users want more from applications than is possible with traditional web techniques. SproutCore can be used to build fast, fluid, and feature-rich applications that feel somewhat like Ruby on Rails but are inspired by Cocoa and use JavaScript. The document provides examples of how to remove messages and refresh data with client-server applications built with SproutCore.

Intoduction to Play FrameworkKnoldus Inc.

User Interface Patterns and Nuxeoanicewick

Silverlight 2 for Developers - TechEd New Zealand 2008Jonas Folles?

The document is a presentation about Silverlight 2 for developers. It includes an agenda covering CRUD, designers, patterns and testing. It discusses using Silverlight 2 for building applications with a dive log app as an example. It covers using services, securing applications, HTTP requests and using Blend. It also discusses using MVC patterns, separation of concerns, the presentation model pattern and implementing data binding, commands and value converters in applications.

Boost Development With Java EE7 On EAP7 (Demitris Andreadis)Red Hat Developers

Play!ng with scalaSiarzh Miadzvedzeu

Play 2.0 is a web framework for Java and Scala that is designed to be productive, asynchronous, and reactive. Some key features include being full stack, high-productive, asynchronous and reactive, stateless, HTTP-centric, typesafe, scalable, and open source. Play 2.0 aims to be fun and fast to develop with by enabling features like hot code reloading, browser error reporting, and easy deployment to platforms like Heroku. It also focuses on being asynchronous and reactive through support for WebSockets, Comet, HTTP streaming responses, and composable streams.

Universal JS Web Applications with React - Web Summer Camp 2017, Rovinj (Work...Luciano Mammino

ǰ�˸��Ethan Zhang

TDC2017 | S?o Paulo - Trilha Java EE How we figured out we had a SRE team at ...tdc-globalcode

Progressive web appsFastly

NodeJS TourArunoda Susiripala

The Big Picture and How to Get Startedguest1af57e

Cross Domain Web?Mashups with JQuery and Google App EngineAndy McKay

Implementation of GUI Framework part3masahiroookubo

Socket applicationsJo?o Moura

huhuDung Tr??ng

Construindo APIs de forma produtiva com Spring Boot, Spring Data e Spring MVCEmmanuel Neri

Developing node-mdb: a Node.js - based clone of SimpleDBRob Tweed

Play Framework: async I/O with Java and ScalaYevgeniy Brikman

Intro to PSGI and PlackTatsuhiko Miyagawa

SproutCore and the Future of Web AppsMike Subelsky

Intoduction to Play FrameworkKnoldus Inc.

User Interface Patterns and Nuxeoanicewick

Silverlight 2 for Developers - TechEd New Zealand 2008Jonas Folles?

Boost Development With Java EE7 On EAP7 (Demitris Andreadis)Red Hat Developers

Play!ng with scalaSiarzh Miadzvedzeu

Universal JS Web Applications with React - Web Summer Camp 2017, Rovinj (Work...Luciano Mammino

Html5 bug

1. Triforce your JavaScript with Backbone, Promise and Singleton

2. My name is Alberto @vrde

3. drinking beer && coding

4. Python/Semantic Web Services http://lod-cloud.net/

5. Python on embedded devices to control LED lights

6. Cofounder of Urlist https://urli.st/

7. Architectural overview

8. Tech Stack Loads of Javascript Python (Tornado) GoLang MongoDB

9. Problem building a rich Web UI is hard

10. built�Cin widgets standards client/server overlapping

11. built�Cin widgets standards client/server overlapping

12. Solution client UI / DOM�� server JSON��

13. The Server doesn't know anything about the UI it only exposes and manipulates data

14. The Client handles user's events and asks for the data it needs

15. The Client is a collection of Widgets Every widget is self�Ccontained and is responsible to ask for its data

17. rendering your dashboard 1 GET to /api/profile/~

18. rendering your dashboard 1 GET to /api/profile/~ 20 GETs to /api/list/

19. rendering your dashboard 1 GET to /api/profile/~ 20 GETs to /api/list/ 40 GETs to /api/user/

20. Pretty intense for the Server but speeds up the development for the Client we've already optimized the client/server communication

21. Backbone 1

22. MV* library (do the **** you want) by Jeremy Ashkenas from DocumentCloud easy to understand almost easy to customize Backbone

23. Backbone provides classes to represent: Models Views Router

24. Singleton 2

25. Inspired by a post by SoundCloud they call this pattern instance store

26. The Singleton Pattern help us having one global instance per ID >>> a = new Backbone.Model({ id: 42 }) >>> b = new Backbone.Model({ id: 42 }) >>> a === b // true IMO this should be the Backbone.Model default behaviour

27. Promise 3

28. ��A Promise represents the eventual value returned from the single completion of an operation.��

29. A Promise is an object representation of an event

30. Example >>> $.ajax({ success: log }) >>> var promise = $.ajax() >>> promise.done(log) log = function () { console.log(arguments) }

31. Example >>> $.ajax({ success: log, error: log }) >>> var promise = $.ajax() >>> promise.done(log) >>> promise.fail(log) log = function () { console.log(arguments) }

32. Example >>> $.ajax({ success: [log, log], error : log }) >>> var promise = $.ajax() >>> promise.done(log) >>> promise.fail(log) >>> promise.done(log) log = function () { console.log(arguments) }

33. all together now

34. Life cycle of a Visit internal routing { hash: 'IOn' } user visits urli.st/IOn

35. Life cycle of a Visit internal routing { hash: 'IOn' } user visits urli.st/IOn Google Analytics l = new List(hash) l.ajax()... DOM Rendering l = new List(hash) l.ajax()... Facebook soon l = new List(hash) l.ajax()... Mixpanel l = new List(hash) l.ajax()...

36. Life cycle of a Visit internal routing { hash: 'IOn' } user visits urli.st/IOn Google Analytics l = new List(hash) l.ajax()... DOM Rendering l = new List(hash) l.ajax()... Facebook soon l = new List(hash) l.ajax()... Mixpanel l = new List(hash) l.ajax()... List instance

37. Life cycle of a Visit internal routing { hash: 'IOn' } user visits urli.st/IOn Google Analytics l = new List(hash) l.ajax()... DOM Rendering l = new List(hash) l.ajax()... Facebook soon l = new List(hash) l.ajax()... Mixpanel l = new List(hash) l.ajax()... List instance Mongo DB

38. Life cycle of a Visit internal routing { hash: 'IOn' } user visits urli.st/IOn Google Analytics l = new List(hash) l.ajax()... DOM Rendering l = new List(hash) l.ajax()... Facebook soon l = new List(hash) l.ajax()... Mixpanel l = new List(hash) l.ajax()... List instance Mongo DB

39. Sum up delegating to the Client the responsibility to ask data to the Server speeds up our development

40. combining Backbone with Promises and Singletons keeps the code clean and easy to maintain

41. thanks alberto@urli.st resources of this presentation: http://urli.st/IOn PS: we are hiring

43. introducing hyperdrive

44. for (var i = 0; i < urlists.length; i++) this.addWidget(urlists.at(i));

45. ~3ms

46. step 1 override the Backbone.sync method to manage all the fetch

47. step 2 use a Ticker object to buffer all the GETs ~100 sloc

�ݺ�ߣ

Html5 bug

Recommended

More Related Content

What's hot (20)

Viewers also liked (15)

Similar to Html5 bug (20)

Html5 bug