Build the mobile web you want

May 27, 20150 likes1,696 views

The document discusses building mobile web applications using new technologies like service workers and transpilation/polyfilling to overcome limitations of the web. It advocates "hacking" by testing new features early, building new abstractions, and pushing boundaries. It describes a prototype for a "hybrid" mobile app that uses an Android activity and webview, with a communication layer between JavaScript and Java for features like routing, state management, and device integration like the camera. The goal is to build the mobile web in a way that addresses issues like offline usage and performance, while paving the way for future improvements.

Build the mobile 
web you want
@k88hudson

UI perf
Offline/ 
intermittent 
network
Auth/security
Device/OS
Integration

Native Web
ok pretty bad
terrible,
working on it
meh
ok sometimes

“I feel like it’s time to
revisit the web vs. native
debate, and concede defeat — or,
at least, concede that the web
cannot, and should not, compete
with native when it comes to
complex, app-like structures.”

“Conceding defeat will force us to
rethink the web’s purpose and
unique strengths — and that’s long
overdue.”

This is a totally reasonable,
rational argument

When I decided to write the
Gmail interface in Javascript,
pretty much everyone who knew
anything about Javascript or web
browsers told me that it was a
bad idea. It had been tried in
the past, and always ended in
disaster.
– Paul Buchheit, lead developer
of Gmail in 2004

“While I am personally opposed to
all use of JavaScript, I understand
that JavaScript can do some things
that you can't do with normal HTML…
Just remember, if Amazon can [do
without JavaScript], so can you.”
– “Anti-JavaScript FAQ”

“A lot of designers think it’s
their god-given right to annoy the
hell out of visitors with bulky
Javascript effects, so turning off
Javascript is almost a requirement
to visit some websites.”
– “Javascript is Evil”

“Blindly accepting a high level of
security risk on the web [by
enabling JavaScript] is as shaky as
a ride on the Canadian space
shuttle (made of birch bark and
pine gum)”
– “Stupid JavaScript Security Tricks”

Test new features before their time
The First Level of Hack

Service workers!!
(Coming to FF in fall 2015)

Build new abstractions
The Second Level of Hack

https://github.com/filerjs/filer

https://wiki.mozilla.org/Mobile/Get_Involved

https://cordova.apache.org/

• Poor offline experience
• Memory leaks in long-lived
processes
• UI perf
• Android <4.4

Create an activity
MainActivity
main_activity
AndroidManifest.xml

https://crosswalk-project.org/

Android Activity
Web view
Communication
Layer

Expose a custom Java
interface to Javascript

Expose a custom Java
interface to Javascript
MainActivity.java
index.js

Similar to server side
routing, but we get native
Android transitions

Web: React view
Android: Router,
SharedPreferences

JavascriptInterface.java
Passing route params
MainComponent.js

What else?
• Bind to Android’s offline network
caching utilities
• Hook into native gestures
• Device/OS integration
• ???

is finding adequate solutions
to problems that matter, in a
way that someone in the
future can understand and
improve on.
Really good engineering

This document provides 14 lessons and hacks for building native and mobile web applications using JavaScript. It discusses issues like architecting for multiple platforms and environments, structuring the codebase, detecting the platform, improving performance of animations through CSS transitions, handling garbage collection of images and HTML, supporting touch events, adding sound, and leveraging tools like PhoneGap Build. The tips aim to help developers apply their web skills to build applications that run on both desktop and mobile devices using a single codebase.

TxjsBrian LeRoux

The Final FrontierDomenic Denicola

In 2010, a photo-sharing startup launched—on a single, closed platform. Over the next two years, it gained over 100 million active users, before being acquired by Facebook for one. billion. dollars. Only half a year after *that* did they finally release a web app. Instagram's main purpose was sharing photos and commenting on them. If this isn't a perfect fit for the open web platform, I don't know what is. And yet the app was planted neatly within Apple's walled garden, without even an API to speak of. How did things go so wrong? The web needs to catch up, and fast. If we want to preserve all the virtues of the web—shareable URLs, indexable content, open standards, instantly deployed updates, and so on—then we need to make the web platform more attractive, both to developers and users. We need to explore the final frontier of web development: *true* web apps, of the kind that will delight our users (and our investors). But we're not quite there … yet. In this talk, I want to explore the efforts underway to bring the web platform up to speed as a genuine competitor. We have the most momentum of any platform in history, but there are still many unanswered questions. What are the major functionality gaps, and how are we closing them? Can we make app development as easy for web as it is for native? How do we fix mobile performance? Can you even use a web app while you're offline? I want to tell you about that not-too-distant future where these problems have been solved. Editors are speccing up new APIs; implementers are leveling up their browsers; and the community is building new frameworks. Together, we're slowly but surely pushing into that final frontier. And once we're past it, the mobile web will be a natural choice for the next big content-sharing app, enabling us to share by simply sending a URL—from any browser, to any device, on any platform.

Real World Windows 8 Apps in JavaScriptDomenic Denicola

XSS Without Browserkosborn

The document summarizes a talk given at Toorcon Seattle 2011 about cross-site scripting (XSS) vulnerabilities in desktop applications that use HTML, JavaScript and CSS for their user interfaces. The speaker demonstrates how XSS payloads can exploit Skype to inject content from other sites and access local files, since desktop apps do not enforce the same origin policy in the same way web browsers do. He urges testing applications like Skype, Adium and iChat that embed web technologies for similar vulnerabilities.

Bringing The Sexy Back To WebWorkersCorey Clark, Ph.D.

High Performance/Real-Time Web Applications can suffer from serial program execution, which can greatly decrease user experience, usability, application capabilities and overall performance. The new HTML5 WebWorker JavaScript API allows for multithreading in browser environment, which has removed serial code bottleneck that has always been an issue for processor intensive applications. Specifically at Game Theory Labs we were able to increase the performance of our application by 55% utilizing the techniques discussed. This meetup will show off the variations in the WebWorker API, associated overhead using the API, various WebWorker architectures (Inline vs External, Static vs Dynamic, Nested vs Shared) as well as implementing a 2-Tier Thread Management system that allows for generating child process outside of the main thread thereby increasing performance of handling/merging data between threads and the main application.

Building a Multithreaded Web-Based Game Engine Using HTML5/CSS3 and JavaScrip...Corey Clark, Ph.D.

As hardware developer’s push away from creating faster processors in lieu of multicore architectures game developers have to leverage multithreading technologies to capitalize on these new devices. With multicore mobile devices the need for a multithreaded web based game engine is a reality. This talk will discuss design of various multithreaded web engine architectures. Two specific threading implementations will be discussed. First technique shows how to create a static thread that is registered with the engine with the same techniques as other loaded resource. A second technique will focus on using a Thread Controller, which has the ability to create dynamic generic threads that can be passed functions during run time and process them in parallel. This also allows for coupling threaded commands together thereby creating critical sections and other common multithreading techniques utilized in C++ coding. Focus will also be placed on design consideration and operation performance. An example will be show that demonstrates how the proper coding style and data structures can make or break your design. Also timing and performance standards will be given for various browsers so users can understand the overall overhead and operational considerations that need to be considered when using threads in a browser based environment. Technology and capability limitations will also be discussed so developers can understand the differences between multithreading in C++ native applications and JavaScript browser-based application. This will also include some tricks on how to design an architecture that allows for some workarounds. Other JavaScript APIs such as WebGL, and WebSockets will also be discussed and demonstrated to help show the full realization of a web based game engine. Coding samples and architectural layouts will be shown to the audience to help drive home the concepts being discussed during the lecture. A functional HTML5 JavaScript Multithreaded Web Engine will be demonstrated during the lectured to show the overall functionality and performance of the techniques described. A summary write up of a sample engine architecture is attached in the supplemental documents that gives a brief description and architectural figures. These will be integrated into the lecture to help visualize some of the concepts being discussed.

The ES6 Conundrum - All Things Open 2015Christian Heilmann

The document discusses the ES6 (ECMAScript 2015) specification and challenges with adopting it. Some key points: - ES6 provides many new features but poses issues as browsers have varying support levels - Transpiling ES6 to ES5 allows use of new features but adds steps and browsers never get the native code - Feature testing can be used but has limitations and complexity - Options like libraries introduce dependencies rather than using the standard - Widespread testing and use of ES6 is needed to improve support and performance in browsers

I Promise YouWilliam Bruno Moraes

The document discusses callbacks and promises in JavaScript. It notes that callbacks don't have return or throw and can lead to nested code without guarantees of flow or parallelism. Promises are presented as an alternative - objects that represent an eventual fulfillment or rejection. Popular promise libraries like Q, When, and Bluebird are listed. Common JavaScript patterns like single and multiple ajax calls are shown using callbacks and promises. Promises allow values to be returned synchronously and promises to be reused. Benefits include avoiding callback hell and enabling better code reuse.

External JavaScript Widget Development Best PracticesVolkan Özçelik

External JavaScript Widget Development Best Practices (updated) (v.1.1) Volkan Özçelik

The document discusses best practices for developing JavaScript widgets. It covers challenges like versioning, cross-domain restrictions, cookies, security, and performance. Versioning can be handled through URL parameters or initializing with a version number. Cross-domain issues can be addressed using techniques like CORS, postMessage, or JSONP. Security requires sanitizing inputs, whitelisting domains, and handling risks like XSS and CSRF. Performance involves minimizing payload size and network requests.

Realtime web2012Timothy Fitz

The document discusses building real-time web applications. It addresses three hard problems: talking to the browser in real-time using techniques like polling, websockets, and flash sockets; handling high concurrency through non-blocking I/O; and scaling to support many users. It reviews common real-time frameworks like Twisted, Tornado, gevent, Node.js, and Erlang and recommends Twisted for Python and Node.js with Socket.IO for non-Python. It also discusses using Redis for a real-time backend pub/sub system and scaling strategies like adding frontend and backend nodes.

Java scriptwidgetdevelopmentjstanbul2012Volkan Özçelik

This document discusses best practices for developing JavaScript widgets. It begins by introducing widgets and their types, then discusses challenges like versioning, cross-domain restrictions, shared environments, and security. It provides recommendations for handling these challenges, such as using cache-revalidating scripts for versioning, cross-domain messaging for communication, and sanitization for security. The document concludes by addressing widget performance, emphasizing minimizing payload size, lazy loading, and yielding to avoid blocking.

Untangling spring week9Derek Jacoby

This document discusses asynchronous JavaScript, databases, and Project 3. It introduces callbacks, promises, and async/await in JavaScript. It also covers the differences between SQL and NoSQL databases, provides examples of using SQL databases locally and online, and exercises on SQLZOO. It describes Project 3 as connecting a database to the back end of an application. Students are instructed to draw out their database structure, write queries, and demo their working Project 3 application connecting to an actual database by the due date.

Cross-Platform Desktop Apps with ElectronDavid Neal

Electron allows developers to build desktop applications with web technologies like HTML, CSS, and JavaScript. It uses Chromium and Node.js to package these apps so they can run on Windows, Mac, and Linux. Some key benefits of Electron include rapid development, shared code/UI across platforms, offline capabilities, and access to native device functionality and APIs. Popular apps built with Electron include Atom, Slack, and Visual Studio Code. The document provides an overview of Electron and tips for developing desktop apps with its tools and frameworks.

Testing your Single Page ApplicationWekoslav Stefanovski

So, you've made the ferpect Single Page Application. It has all the bells and whistles, and uses all the flashing new frameworks. But how do you know it works, and how do you know that it will continue to work in this world of continuous delivery? This session will try to explain how to do end-to-edn testing of the system, how to test the application server code, and how to test the code the executes on the client.

DevDay 2018 - BlazorDenis Voituron

Untangling spring week8Derek Jacoby

This document provides an agenda and overview for a developer training session. It discusses developing a growth mindset for programming, strategies for managing frustration, resources for learning programming concepts and getting help, and approaches for collaborative work. It also introduces backend concepts like servers, databases, and JavaScript on the server side using Node.js. The homework assignment involves researching and documenting programming resources.

Untangling spring week10Derek Jacoby

This document provides an agenda and instructions for setting up a server and database for a coding project. It discusses setting up a Node.js server on Digital Ocean, forking a sample project on GitHub, installing dependencies with NPM, running the server, and using EJS templates and MySQL Workbench to connect to and modify a database. Students are instructed to fork the sample project, modify it to use their own database, run it on their server, and submit the GitHub link and website URL for homework.

Firefox OS - HTML5 for a truly world-wide-webChristian Heilmann

Erase and Rewind - Open Web Camp 2015Christian Heilmann

This document discusses challenges facing the open web in a mobile-dominated world. It describes how mobile native platforms are stacked against the mobile web, providing better monetization and a perception that everything must work offline. It discusses the five stages of mourning for the open web, from denial to acceptance. It argues for focusing on simplicity, understanding other perspectives, and promoting the web through love instead of criticism.

Untangling the web - fall2017 - class 4Derek Jacoby

This document provides an agenda and summary for a class on CSS, Flexbox, HTML, and JavaScript. It includes reminders on getting HTML elements from JavaScript using getElementById and creating elements. It reviews a homework assignment on those methods and creating elements. It then covers GitHub branches and commands for creating a new branch. Finally, it introduces CSS and selectors, exercises in CSS, an introduction to Flexbox with a Flexbox Froggy exercise, an introduction to the Bootstrap framework with exercises in using button styles and tooltips, discusses Bootstrap themes and templates, and assigns homework to create a resume using Bootstrap and Flexbox hosted on GitHub pages.

The State of the Web - Helsinki meetupChristian Heilmann

The document discusses the current state of web development and identifies several issues, including slow page loading times, large file sizes, reliance on outdated libraries and browser hacks, and an emphasis on flashy innovations over foundational web standards. It argues that as an industry, web development has gotten too complex and focuses too much on impressing other developers rather than meeting users' needs. It calls for simplifying solutions, supporting baseline functionality for all browsers, and prioritizing education and collaboration over quick fixes.

jQuery Conference San Diego 2014 - Web Performancedmethvin

This document discusses jQuery and web performance. It describes how the jQuery Foundation maintains jQuery code and supports developers. It then discusses recent jQuery releases and how jQuery can be customized and used in different environments. The document outlines how the browser loads pages and the importance of prefetching resources. It recommends tools for analyzing page performance like YSlow, PageSpeed, and webpagetest.org. It provides tips for improving performance such as avoiding unnecessary layouts, optimizing JavaScript loops, and using developer tools to profile scripts and identify bottlenecks.

Blazor v1.1Juan Luis Guerrero Minero

This document provides an overview of Web Assembly (WASM) and Blazor. It discusses how WASM allows code to run in browsers without plugins and is optimized for speed and size. Examples of WASM usage include games, video editors, and CAD tools. Blazor is introduced as a framework that runs .NET code in browsers using WASM. It follows an MVVM pattern and enables two-way data binding. The document compares Blazor to other technologies and provides resources for learning more.

Future of web_appsLakshan Perera

PhoneGap in a DayTroy Miles

Eclipse Orion: The IDE in the Clouds (JavaOne 2013)Murat Yener

The document introduces Eclipse Orion, an open source web-based integrated development environment (IDE) that allows software development within a browser. It discusses how Orion provides code editing, debugging, version control, and other development tools through a browser without needing to install anything. It also describes how Orion uses plugins to extend its functionality and can be self-hosted or used on the public OrionHub server.

Textus; szövegek hálójábanZoltan Varju

“Az elektronikus hálózat révén az emberek teljesen bevonódnak egymás életébe. Közvetlenül és szakadatlan ömlik ránk az információ, melyet alighogy feldolgoztunk, máris követ az új, aztán még újabb adag.Elektronikussá alakított világunk arra sarkall bennünket, hogy kategorizáló szokásunkat mintázatfelismerő eljárásra cseréljük.” McLuhan már 1967-ben felhívta a figyelmet arra, hogy elárasztanak minket az információk, pedig akkor még nem voltak se blogok, se híroldalak, se közösségi média. Az, hogy az olvasó szelektálja mit olvas, s ez a szelekció mintegy burokba zárja őt, egyre ismertebb. Minket az érdekel hogy a tartalmak előállítói is saját világukban élnek-e? Kikre hivatkoznak a hírek szerzői és a politikai blogok véleményvezérei? Van-e átjárás a megannyi politkai nézetet valló szerző között? Hatnak-e egymásra azok, akik a közvéleményt formálják? A Nyelv és Tudománnyal elindított projektünk során 12 121 posztot/cikket gyűjtöttünk be. Vizsgálataink során a klasszikus linkelemzést (pl. PageRank, be- és kimenő élek száma, stb.) szeretnénk a tartalomelemzés módszereivel ötvözni, s olyan kérdésekre megtalálni a választ mint: milyen témák foglalkoztatják a híroldalakat és blogokat honnét indul el egy-egy téma hogyan terjed egy téma

Studentqgworkingoncampus 110209171107-phpapp02emathews

This document provides guidelines for students seeking on-campus employment at Columbia University. It outlines eligibility requirements including enrollment status and necessary identification documents. It describes how to find and apply for jobs posted on ColumbiaWorks and the hiring process including setting a work schedule, completing paperwork, and getting set up for direct deposit pay. International students have additional steps to obtain a social security number. The document also covers allowable work hours and schedules, pay dates, and responsibilities of students and supervisors.

More Related Content

What's hot (20)

I Promise YouWilliam Bruno Moraes

External JavaScript Widget Development Best PracticesVolkan Özçelik

External JavaScript Widget Development Best Practices (updated) (v.1.1) Volkan Özçelik

Realtime web2012Timothy Fitz

Java scriptwidgetdevelopmentjstanbul2012Volkan Özçelik

Untangling spring week9Derek Jacoby

Cross-Platform Desktop Apps with ElectronDavid Neal

Testing your Single Page ApplicationWekoslav Stefanovski

DevDay 2018 - BlazorDenis Voituron

Untangling spring week8Derek Jacoby

Untangling spring week10Derek Jacoby

Firefox OS - HTML5 for a truly world-wide-webChristian Heilmann

Erase and Rewind - Open Web Camp 2015Christian Heilmann

Untangling the web - fall2017 - class 4Derek Jacoby

The State of the Web - Helsinki meetupChristian Heilmann

jQuery Conference San Diego 2014 - Web Performancedmethvin

Blazor v1.1Juan Luis Guerrero Minero

Future of web_appsLakshan Perera

PhoneGap in a DayTroy Miles

Eclipse Orion: The IDE in the Clouds (JavaOne 2013)Murat Yener

I Promise YouWilliam Bruno Moraes

External JavaScript Widget Development Best PracticesVolkan Özçelik

External JavaScript Widget Development Best Practices (updated) (v.1.1) Volkan Özçelik

Realtime web2012Timothy Fitz

Java scriptwidgetdevelopmentjstanbul2012Volkan Özçelik

Untangling spring week9Derek Jacoby

Cross-Platform Desktop Apps with ElectronDavid Neal

Testing your Single Page ApplicationWekoslav Stefanovski

DevDay 2018 - BlazorDenis Voituron

Untangling spring week8Derek Jacoby

Untangling spring week10Derek Jacoby

Firefox OS - HTML5 for a truly world-wide-webChristian Heilmann

Erase and Rewind - Open Web Camp 2015Christian Heilmann

Untangling the web - fall2017 - class 4Derek Jacoby

The State of the Web - Helsinki meetupChristian Heilmann

jQuery Conference San Diego 2014 - Web Performancedmethvin

Blazor v1.1Juan Luis Guerrero Minero

Future of web_appsLakshan Perera

PhoneGap in a DayTroy Miles

Eclipse Orion: The IDE in the Clouds (JavaOne 2013)Murat Yener

Viewers also liked (16)

Textus; szövegek hálójábanZoltan Varju

Studentqgworkingoncampus 110209171107-phpapp02emathews

Aanikaaaaaaliennainish

Economía Popular y Solidaria - José Adrián Gómez G.José Adrián Gómez

La Economía Popular y Solidaria (EPS) es una forma de organización económica reconocida legalmente en Ecuador desde 2011, en la que personas u organizaciones desarrollan procesos productivos, comerciales y financieros basados en la solidaridad, cooperación y reciprocidad. La EPS busca ayudar a sectores marginados mediante el fomento del autoabastecimiento y el trabajo asociativo. Se diferencia de la Economía Social en que da más importancia a la innovación colectiva y a mejorar las condiciones de vida de los desposeídos, utilizando un modelo hí

Telling stories with datamattsadler

En el caféAWWAU Project

Sha-Menz-Link-Cleanup-and-Aiditing-for-Fun-and-Profit-SMX-West-2016Sha Menz

The document discusses best practices for conducting link auditing and cleanup work to recover from search engine penalties. It recommends properly managing client expectations by under-promising timelines, having a single person control the campaign, protecting clients by ensuring previous link builders have stopped work, and expecting issues to arise throughout the process. The overall goal is to safely and effectively resolve penalties while meeting clients' needs.

Koningin Paola heeft nu ook vast adres in RomeThierry Debels

A'dam Sustainability Jam Introduction bookletFranziska Krüger

This 3 sentence summary provides the key details from the document: The document provides instructions for a personal introduction booklet to prepare for the Amsterdam Sustainability Jam, noting there are no wrong answers and the booklet should be emailed to [email protected] by Thursday night. Attendees are asked to identify two trends or methods important for sustainability and explain why, include a sketch of an animal representing themselves with an explanation, and can share a personal or global sustainability goal. The Jam will focus on discussing sustainability goals and latest trends and methods.

Internship ReportPartha Pratim

1. The factors responsible for OEE calculation at the TML Engine Division assembly line are availability, performance, and quality. 2. The parameters for OEE measurement include good count, ideal cycle time, and planned production time. 3. The TML Engine Division assembly line OEE deviates from world and India standards, ranging from 70-90% versus the target of 85%. 4. Reasons for deviation include breakdowns, setup/adjustments, small stops, reduced speeds, and quality issues. Fitting machines in particular cause high losses. 5. Ways to increase OEE include addressing fitting machines, automating clamping, improving accessibility for repairs, focusing on permanent not temporary fixes

Api days tech sparking social change by chief disrupter 2016.pptAnne-Marie Elias

The document discusses how data and technology can drive social change through collaboration across sectors. It notes that 1 in 7 Australians live below the poverty line and tackling social issues costs $250 billion per year. A new world order of open data, collaboration, and co-design can spark innovation and rapid outcomes to address challenges like poverty. Events like GovHack, HealthHack, and initiatives like TechFugees use civic hacking and disruption to ignite change. Government agencies and startups must collaborate to disrupt traditional systems and harness technology for social good.

Ce 150210107029 presentationShyam Kanani

Mr. Sanjay Mathur is a Deputy General Manager at GMDC Lignite Project in Bhavnagar with 20 years of experience in mining. He believes in working hard and sincerely to complete tasks on time. He sees challenges as opportunities and solves problems through experience and effort. He is satisfied both externally through success and internally. He leads by example for his juniors, works hard to convince his seniors, and contributes to the development of his organization and surrounding community through CSR activities. His vision is to solve daily problems while achieving long term targets, and to ensure safety for all workers. He advises young engineers to understand concepts, work hard, and build a better career.

The Rockefeller Foundation–Lancet Commission on Planetary Health: Safeguardin...The Rockefeller Foundation

The document summarizes the key findings of The Rockefeller Foundation–Lancet Commission on planetary health. It finds that: 1) While human health has greatly improved, this has come at the cost of degrading natural systems that support human civilization. Continued environmental damage threatens future health gains. 2) Challenges include conceptual failures to value nature, knowledge failures around environmental drivers of disease, and governance failures to recognize threats in a timely manner. 3) Solutions require new policies that balance social progress, sustainability, and economic growth, supported by improved governance and transdisciplinary research.

La atencion primaria en salud y la bioeticaSamanta Tapia

La atención primaria es la puerta de entrada al sistema de salud y donde se tratan problemas comunes y no especializados. Es el centro del sistema de salud y punto de derivación a otros niveles. Su objetivo es curativo, preventivo y de rehabilitación. La calidad del sistema de salud depende de la calidad de la atención primaria, la cual requiere entrenamiento de los profesionales en valores y manejo de conflictos éticos con pacientes y familiares.

Dig Deep: Uncovering the hidden costs of health careDeloitte United States

Vancouver Best Places to Work Roadshow | Earls Kitchen + BarGlassdoor

Mo Jessa, president of Earls Kitchen + Bar, outlines challenges of declining employee engagement and guest counts. To address this, Earls implemented a 3-pronged approach: 1) operationalize their company culture through displays and videos, 2) mobilize leadership commitments through measurement and development programs, and 3) source hospitality leaders and promote their employer brand. These efforts increased retention by 15%, reduced costs by over $1 million, and grew guest counts and social media advocacy. Earls plans further expansion across North America to 77 stores.

Textus; szövegek hálójábanZoltan Varju

Studentqgworkingoncampus 110209171107-phpapp02emathews

Aanikaaaaaaliennainish

Economía Popular y Solidaria - José Adrián Gómez G.José Adrián Gómez

Telling stories with datamattsadler

En el caféAWWAU Project

Sha-Menz-Link-Cleanup-and-Aiditing-for-Fun-and-Profit-SMX-West-2016Sha Menz

Koningin Paola heeft nu ook vast adres in RomeThierry Debels

A'dam Sustainability Jam Introduction bookletFranziska Krüger

Internship ReportPartha Pratim

Api days tech sparking social change by chief disrupter 2016.pptAnne-Marie Elias

Ce 150210107029 presentationShyam Kanani

The Rockefeller Foundation–Lancet Commission on Planetary Health: Safeguardin...The Rockefeller Foundation

La atencion primaria en salud y la bioeticaSamanta Tapia

Dig Deep: Uncovering the hidden costs of health careDeloitte United States

Vancouver Best Places to Work Roadshow | Earls Kitchen + BarGlassdoor

Similar to Build the mobile web you want (20)

(In)Security Implication in the JS UniverseStefano Di Paola

Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College

Presented June 8, 2012 (Online) at the 'Access by Touch: Delivering Library Services Through Mobile Technologies' conference sponsored by Amigos Library Services. Description: By the end of 2012, it is expected that more than 80% of the world’s population will have access to a smartphone. Your library users will assume that your library can be accessible from anywhere, at any time, and on any device. Now is the time to be ready! During this webinar, you will: - learn what a mobile framework is. - acquire best practices in mobile Web development. - understand the various technologies (HTML, CSS, JavaScript) and how they work together to build mobile Web apps. - recognize the differences between native and web apps. - have an opportunity to continue to work with Chad after the webinar to demonstrate what you learned. - gain access after the webinar to a free Web server so you can see your mobile Web app live.

Javascript Apps at Build ArtifactsClay Smith

This document summarizes Clay Smith's talk on JavaScript development workflows and build tools. It discusses the many competing JavaScript frameworks, build tools, programming languages, and dependency managers. It also describes challenges with managing dependencies and build artifacts across platforms like mobile, and proposes using GitHub's Release API to store compiled build artifacts as a solution to avoid checking transformed code into version control.

Web app and morefaming su

This document discusses various techniques for making web applications work offline and with unreliable network connections, including: - The application cache manifest which allows specifying cached resources to work offline - Issues with the current manifest specification and potential enhancements - The window.applicationCache API for caching resources and monitoring cache status - Detecting online/offline status using the navigator.onLine property In 3 sentences or less, it summarizes approaches for offline web applications using the application cache manifest, applicationCache API, and navigator.onLine property.

Web Apps and moreYan Shi

This document discusses various topics related to developing web apps, including HTML5, responsive design, touch events, offline capabilities, and debugging tools. It provides links to resources on HTML5 features like media queries, SVG, web workers, and the page visibility API. It also covers techniques for adapting content like responsive web design, progressive enhancement, and server-side adaptation. Mobile browser stats and popular devices on Douban are mentioned. Frameworks like Bootstrap and tools like Weinre for debugging mobile apps are referenced.

The Mobile Web - HTML5 on mobile devicesWesley Hales

Douglas - Real JavaScriptd0nn9n

Browser Horror StoriesEC-Council

In this talk we will demonstrate and unveil the latest developments on browser specific weaknesses including creative new mechanisms to compromise confidentiality, successfully perform login and history detection, serve mixed content, deliver malicious ghost binaries without a C&C server, exploit cache / timing side channels to extract secrets from third-party domains and leverage new HTML5 features to carry out more stealthy attacks. This is a fast-paced practical presentation with live demos that will challenge your knowledge of the Same Origin Policy and push the limits of what is possible with today’s web clients. Topics will include: Current XSS filter bypass for IE & Chrome. Same Origin Policy timing attacks on Chrome. Data URI malware with spoofed URLs and ‘download’ attribute. HTML5 drag & drop exploitation. History stealing attacks. Clipboard stealing attacks. Cross-domain hijacking attacks with flash content sniffing, Blob URLs and SVGs. Spoofing URL address bars on modern browsers. Advanced browser encoding quirks and exploitation techniques.

Designing Powerful Web Applications - MontereyDave Malouf

Fixing the mobile web - Internet World RomaniaChristian Heilmann

The document summarizes key aspects of building Firefox OS to address issues with the mobile web. Firefox OS is Mozilla's attempt to make the web a first-class citizen on phones and tablets by starting with the web stack rather than trying to add the web to an existing OS. It has launched in several countries and aims to be an affordable alternative to feature phones and closed platforms. The architecture is based on Linux, Gecko, and web technologies. It provides predictable HTML5 support and addresses performance, fragmentation, security and hardware access through its design and web APIs.

Ajax to the Moondavejohnson

The document discusses various techniques for enabling offline functionality in Ajax applications, including browser storage options like cookies, Firefox offline storage, and Flash shared objects. It also covers approaches for pushing data from server to client like polling, asynchronous servlets, Comet, and piggybacking on other responses. The document concludes with considerations for optimizing Ajax performance such as data formats, bandwidth usage, and client-side processing.

Javascript State of the Union 2015 - EnglishHuge

The document provides a history of JavaScript and web development from 1950 to 2015. It discusses the evolution of programming languages, computers, processors, companies, browsers, HTML/CSS, JavaScript frameworks, and more. Key developments include the introduction of imperative and functional programming, Ajax and JSON, mobile devices, and modern JavaScript frameworks. The document predicts continued evolution in areas like WebAssembly, isomorphic code, functional programming, and integration of AI and IoT. Overall it traces the massive changes in the field but argues the underlying principles that allow for continued evolution have remained steady.

Os Smarroscon2007

The document summarizes lessons learned from building a complex AJAX application that almost failed to ship due to performance issues. The key lessons are embodied in a mantra of "Be Lazy, Be Responsive, Be Pragmatic, Be Vigilant". Specifically, it advocates writing less code, loading JavaScript on demand, drawing UI late, yielding to keep the UI responsive, caching responses, playing to the browser's strengths, profiling extensively, and prioritizing performance from the start.

Smarr Oscon 2007briandemant

The document summarizes key principles for building high-performance JavaScript applications. It outlines mistakes made in developing Plaxo's AJAX desktop application, which almost didn't ship due to performance issues. The main points are: be lazy and write less code; load JavaScript on demand and draw UI late; be responsive by yielding frequently; cache backend responses; play to the browser's strengths; and profile applications vigilantly from the start to optimize for performance.

HTML5 Can't Do ThatNathan Smith

How to get started with Site Reliability EngineeringAndrew Kirkpatrick

Many companies are looking for "DevOps'' in many forms, but what kind of skills or experiences are actually needed? I’ll debunk some of the myths surrounding what recruiters or internet lurkers might tell you and find out if you might actually have an aptitude for Site Reliability or Infrastructure Engineering. If so, what might be good knowledge areas to get started with? And if learning leads to an interview, what might that look like?

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino

Caridy Patiño presented on the challenges of building mobile HTML5 applications. Some key challenges include browser fragmentation across devices, network failures, and the need to optimize applications for different runtime environments and adapt them for varying screen sizes and features. Patiño advocated writing applications using a single language, JavaScript, and customizing output per runtime and context while adapting the UI per form factor and feature detection. The goal is to build flexible applications that can run on multiple platforms.

Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann

This document summarizes a talk given by Chris Heilmann at ForwardJS in 2015. Heilmann discusses the state of web development technologies and how developers have focused too much on experimental features that are not ready for production use. This has led to a fragmented web where browsers implement features differently. He argues developers should focus on standardizing and improving existing web standards rather than constantly introducing new technologies. ES6 is highlighted as a priority for improving existing JavaScript.

Browser Automation - NTC 2010Ehren Foss

Velocity building a performance lab for mobile apps in a day - finalAshray Mathur

This document discusses building a mobile app performance lab in a day. It covers three essential steps: 1) instrumenting apps to collect key performance metrics, 2) setting up mobile infrastructure to run automated tests on real devices, and 3) establishing a continuous integration process to repeatedly test, measure, analyze, fix, and retest performance. Specific techniques covered include using boomerang.js for app instrumentation, WebDriver for automation, and collecting metrics on both iOS and Android platforms. The document emphasizes establishing an automated testing process to iteratively improve mobile app performance.

(In)Security Implication in the JS UniverseStefano Di Paola

Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College

Javascript Apps at Build ArtifactsClay Smith

Web app and morefaming su

Web Apps and moreYan Shi

The Mobile Web - HTML5 on mobile devicesWesley Hales

Douglas - Real JavaScriptd0nn9n

Browser Horror StoriesEC-Council

Designing Powerful Web Applications - MontereyDave Malouf

Fixing the mobile web - Internet World RomaniaChristian Heilmann

Ajax to the Moondavejohnson

Javascript State of the Union 2015 - EnglishHuge

Os Smarroscon2007

Smarr Oscon 2007briandemant

HTML5 Can't Do ThatNathan Smith

How to get started with Site Reliability EngineeringAndrew Kirkpatrick

The challenges of building mobile HTML5 applications - FEEC Brazil 2012 - RecifeCaridy Patino

Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann

Browser Automation - NTC 2010Ehren Foss

Velocity building a performance lab for mobile apps in a day - finalAshray Mathur

Recently uploaded (20)

tecnologias de las primeras civilizaciones.pdffjgm517

Splunk Security Update | Public Sector Summit Germany 2025Splunk

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

At InData Labs, we have been keeping an ear to the ground, looking out for AI-enabled digital transformation trends coming our way in 2025. Our report will provide a look into the technology landscape of the future, including: -Artificial Intelligence Market Overview -Strategies for AI Adoption in 2025 -Anticipated drivers of AI adoption and transformative technologies -Benefits of AI and Big data for your business -Tips on how to prepare your business for innovation -AI and data privacy: Strategies for securing data privacy in AI models, etc. Download your free copy nowand implement the key findings to improve your business.

TrsLabs - Fintech Product & Business ConsultingTrs Labs

Hybrid Growth Mandate Model with TrsLabs Strategic Investments, Inorganic Growth, Business Model Pivoting are critical activities that business don't do/change everyday. In cases like this, it may benefit your business to choose a temporary external consultant. An unbiased plan driven by clearcut deliverables, market dynamics and without the influence of your internal office equations empower business leaders to make right choices. Getting things done within a budget within a timeframe is key to Growing Business - No matter whether you are a start-up or a big company Talk to us & Unlock the competitive advantage

How Can I use the AI Hype in my Business Context?Daniel Lehner

𝙄𝙨 𝘼𝙄 𝙟𝙪𝙨𝙩 𝙝𝙮𝙥𝙚? 𝙊𝙧 𝙞𝙨 𝙞𝙩 𝙩𝙝𝙚 𝙜𝙖𝙢𝙚 𝙘𝙝𝙖𝙣𝙜𝙚𝙧 𝙮𝙤𝙪𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙣𝙚𝙚𝙙𝙨? Everyone’s talking about AI but is anyone really using it to create real value? Most companies want to leverage AI. Few know 𝗵𝗼𝘄. ✅ What exactly should you ask to find real AI opportunities? ✅ Which AI techniques actually fit your business? ✅ Is your data even ready for AI? If you’re not sure, you’re not alone. This is a condensed version of the slides I presented at a Linkedin webinar for Tecnovy on 28.04.2025.

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

Building 10x Organizations with Modern Productivity Metrics 10x developers may be a myth, but 10x organizations are very real, as proven by the influential study performed in the 1980s, ‘The Coding War Games.’ Right now, here in early 2025, we seem to be experiencing YAPP (Yet Another Productivity Philosophy), and that philosophy is converging on developer experience. It seems that with every new method we invent for the delivery of products, whether physical or virtual, we reinvent productivity philosophies to go alongside them. But which of these approaches actually work? DORA? SPACE? DevEx? What should we invest in and create urgency behind today, so that we don’t find ourselves having the same discussion again in a decade?

Build Your Own Copilot & Agents For DevsBrian McKeiver

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

This session is designed to equip developers with the skills needed to build mission-critical, end-to-end processes that seamlessly orchestrate agents, people, and robots. 📕 Here's what you can expect: - Modeling: Build end-to-end processes using BPMN. - Implementing: Integrate agentic tasks, RPA, APIs, and advanced decisioning into processes. - Operating: Control process instances with rewind, replay, pause, and stop functions. - Monitoring: Use dashboards and embedded analytics for real-time insights into process instances. This webinar is a must-attend for developers looking to enhance their agentic automation skills and orchestrate robust, mission-critical processes. 👨‍🏫 Speaker: Andrei Vintila, Principal Product Manager @UiPath This session streamed live on April 29, 2025, 16:00 CET. Check out all our upcoming Dev Dives sessions at https://community.uipath.com/dev-dives-automation-developer-2025/.

HCL Nomad Web – Best Practices and Managing Multiuser Environmentspanagenda

Webinar Recording: https://www.panagenda.com/webinars/hcl-nomad-web-best-practices-and-managing-multiuser-environments/ HCL Nomad Web is heralded as the next generation of the HCL Notes client, offering numerous advantages such as eliminating the need for packaging, distribution, and installation. Nomad Web client upgrades will be installed “automatically” in the background. This significantly reduces the administrative footprint compared to traditional HCL Notes clients. However, troubleshooting issues in Nomad Web present unique challenges compared to the Notes client. Join Christoph and Marc as they demonstrate how to simplify the troubleshooting process in HCL Nomad Web, ensuring a smoother and more efficient user experience. In this webinar, we will explore effective strategies for diagnosing and resolving common problems in HCL Nomad Web, including - Accessing the console - Locating and interpreting log files - Accessing the data folder within the browser’s cache (using OPFS) - Understand the difference between single- and multi-user scenarios - Utilizing Client Clocking

UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPathCommunity

Join this UiPath Community Berlin meetup to explore the Orchestrator API, Swagger interface, and the Test Manager API. Learn how to leverage these tools to streamline automation, enhance testing, and integrate more efficiently with UiPath. Perfect for developers, testers, and automation enthusiasts! 📕 Agenda Welcome & Introductions Orchestrator API Overview Exploring the Swagger Interface Test Manager API Highlights Streamlining Automation & Testing with APIs (Demo) Q&A and Open Discussion Perfect for developers, testers, and automation enthusiasts! 👉 Join our UiPath Community Berlin chapter: https://community.uipath.com/berlin/ This session streamed live on April 29, 2025, 18:00 CET. Check out all our upcoming UiPath Community sessions at https://community.uipath.com/events/.

Cybersecurity Identity and Access Solutions using Azure ADVICTOR MAESTRE RAMIREZ

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

Manifest Pre-Seed Update | A Humanoid OEM Deeptech In Francechb3

How analogue intelligence complements AIPaul Rowe

Artificial Intelligence is providing benefits in many areas of work within the heritage sector, from image analysis, to ideas generation, and new research tools. However, it is more critical than ever for people, with analogue intelligence, to ensure the integrity and ethical use of AI. Including real people can improve the use of AI by identifying potential biases, cross-checking results, refining workflows, and providing contextual relevance to AI-driven results. News about the impact of AI often paints a rosy picture. In practice, there are many potential pitfalls. This presentation discusses these issues and looks at the role of analogue intelligence and analogue interfaces in providing the best results to our audiences. How do we deal with factually incorrect results? How do we get content generated that better reflects the diversity of our communities? What roles are there for physical, in-person experiences in the digital world?

Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1

Spark is a powerhouse for large datasets, but when it comes to smaller data workloads, its overhead can sometimes slow things down. What if you could achieve high performance and efficiency without the need for Spark? At S&P Global Commodity Insights, having a complete view of global energy and commodities markets enables customers to make data-driven decisions with confidence and create long-term, sustainable value. 🌍 Explore delta-rs + CDC and how these open-source innovations power lightweight, high-performance data applications beyond Spark! 🚀

Andrew Marnell: Transforming Business Strategy Through Data-Driven InsightsAndrew Marnell

AI and Data Privacy in 2025: Global TrendsInData Labs

In this infographic, we explore how businesses can implement effective governance frameworks to address AI data privacy. Understanding it is crucial for developing effective strategies that ensure compliance, safeguard customer trust, and leverage AI responsibly. Equip yourself with insights that can drive informed decision-making and position your organization for success in the future of data privacy. This infographic contains: -AI and data privacy: Key findings -Statistics on AI data privacy in the today’s world -Tips on how to overcome data privacy challenges -Benefits of AI data security investments. Keep up-to-date on how AI is reshaping privacy standards and what this entails for both individuals and organizations.

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Big Data Analytics Quick Research Guide by Arthur MorganArthur Morgan

This is a Quick Research Guide (QRG). QRGs include the following: - A brief, high-level overview of the QRG topic. - A milestone timeline for the QRG topic. - Links to various free online resource materials to provide a deeper dive into the QRG topic. - Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic. QRGs planned for the series: - Artificial Intelligence QRG - Quantum Computing QRG - Big Data Analytics QRG - Spacecraft Guidance, Navigation & Control QRG (coming 2026) - UK Home Computing & The Birth of ARM QRG (coming 2027) Any questions or comments? - Please contact Arthur Morgan at [email protected]. 100% human made.

tecnologias de las primeras civilizaciones.pdffjgm517

Splunk Security Update | Public Sector Summit Germany 2025Splunk

Technology Trends in 2025: AI and Big Data AnalyticsInData Labs

TrsLabs - Fintech Product & Business ConsultingTrs Labs

How Can I use the AI Hype in my Business Context?Daniel Lehner

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

Build Your Own Copilot & Agents For DevsBrian McKeiver

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

HCL Nomad Web – Best Practices and Managing Multiuser Environmentspanagenda

UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPathCommunity

Cybersecurity Identity and Access Solutions using Azure ADVICTOR MAESTRE RAMIREZ

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

Manifest Pre-Seed Update | A Humanoid OEM Deeptech In Francechb3

How analogue intelligence complements AIPaul Rowe

Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1

Andrew Marnell: Transforming Business Strategy Through Data-Driven InsightsAndrew Marnell

AI and Data Privacy in 2025: Global TrendsInData Labs

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Big Data Analytics Quick Research Guide by Arthur MorganArthur Morgan

Build the mobile web you want

1. Build the mobile  web you want @k88hudson

2. The web  is broken

4. UI perf Offline/  intermittent  network Auth/security Device/OS Integration

5. – browser vendors We’re working on it

6. Native Web ok pretty bad terrible, working on it meh ok sometimes

7. What do we do?

8. “I feel like it’s time to revisit the web vs. native debate, and concede defeat — or, at least, concede that the web cannot, and should not, compete with native when it comes to complex, app-like structures.”

9. “Conceding defeat will force us to rethink the web’s purpose and unique strengths — and that’s long overdue.”

10. This is a totally reasonable, rational argument

11. 2004

12. Kazaa Wallpapers

16. An app… in JavaScript?!

17. When I decided to write the Gmail interface in Javascript, pretty much everyone who knew anything about Javascript or web browsers told me that it was a bad idea. It had been tried in the past, and always ended in disaster. – Paul Buchheit, lead developer of Gmail in 2004

19. “While I am personally opposed to all use of JavaScript, I understand that JavaScript can do some things that you can't do with normal HTML… Just remember, if Amazon can [do without JavaScript], so can you.” – “Anti-JavaScript FAQ”

20. “A lot of designers think it’s their god-given right to annoy the hell out of visitors with bulky Javascript effects, so turning off Javascript is almost a requirement to visit some websites.” – “Javascript is Evil”

21. “Blindly accepting a high level of security risk on the web [by enabling JavaScript] is as shaky as a ride on the Canadian space shuttle (made of birch bark and pine gum)” – “Stupid JavaScript Security Tricks”

22. “The XML HTTP thing”

23. “The XML HTTP thing”

24. You are here because  of a massive hack

26. Now is the time to hack

27. The three levels of hack

28. Test new features before their time The First Level of Hack

29. Service workers!! (Coming to FF in fall 2015)

30. Transpile! Polyfill!

31. (This is not controversial stuff)

32. Build new abstractions The Second Level of Hack

34. https://github.com/filerjs/filer

36. Blow sh*t up The Third Level of Hack