Bleeding Edge Web

Bleeding Edge Web: August 2014

http://edgeATX.github.io/slides

News from the Bleeding Edge

— Brian Moeskau (@bmoeskau)

Web App by Example: Python

— Joe McCullough (@joe_query)

Thanks to our sponsor:

Help.com

Next-generation customer service software

Thanks to our sponsor:

10-week Python and HTML/CSS training courses

Bleeding Edge Web(site)

We're on the Web!

http://edgeATX.github.io/

Includes most of our slide decks from the past 2 years:

News from the Bleeding Edge

Browser Update

Browser Pop Quiz

Last version check — July 2014 (last month):


36	31	22	7	11

Browser Pop Quiz

As of August 26, 2014:


36 37	31	22 23	7	11

Chrome Highlights

Version 37 (Aug 26th)

DirectWrite support on Windows (upgraded from GDI, promises improved font rendering)
64-bit Windows support
Disabled support for showModalDialog (will be removed May 2015)
$51k in bug/security bounties ($30k to a single researcher)

Firefox Highlights

Version 32 (Preview, still in beta)

New HTTP caching (improved page render performance)
New ES6 Array methods: Array.from, Array.copyWithin
position: sticky enabled by default (details)
Web Audio Editor (examine/edit an audio context and visualize its output)

W3C Specs

W3C Standards for Mobile Web Apps: Current State & Roadmap

http://www.w3.org/2014/07/mobile-web-app-state/

Summarizes the various technologies developed in W3C that increase the capabilities of Web applications, and how they apply more specifically to the mobile context.

Summary of specs by technology category:

W3C Standards for Mobile Web Apps: Current State & Roadmap

http://www.w3.org/2014/07/mobile-web-app-state/

Summary of specs by W3C status:

Emerging work	First Public Working Draft	Last Call for Feedback	Candidate Recommendation
Wake lock API Geofencing API Named web sockets Web Bluetooth API	Service workers WOFF 2.0 (web font format) CSS font loading Beacon API Media queries level 4	Canvas API Ambient light events	HTML5 (includes a lot of stuff)

W3C Standards for Mobile Web Apps: Current State & Roadmap

http://www.w3.org/2014/07/mobile-web-app-state/

WebPlatform.org

http://www.webplatform.org/

The latest information on how to use the technology that runs the web — HTML, CSS, JavaScript and more.

A crowdsourced, work-in-progress (early) resource for documenting web standards

Currently pushing for JavaScript-focused contributions

Web Components

State of the Componentised Web

http://www.futureinsights.com/home/the-state-of-the-componentised-web.html

Excellent overview of web components

Current W3C status update

Custom component example implemented in several frameworks to compare syntax

Why Web Components Are Ready For Production

http://developer.telerik.com/featured/web-components-ready-production/

Focused on custom elements portion of Web Components

Real-world implementation of a clock face component with example code

Discussion of practical application, polyfills, potential issues

Languages & Frameworks

Swift

Swift is a new object-oriented programming language for iOS and OS X development. Swift is modern, powerful, and easy to use.

Introduced at WWDC in June, still in development

JS-like syntax, compiled, modern features, compatible with Objective-C

Swift

http://realm.io/news/swift-for-javascript-developers/

Great overview of Swift for JS developers (screencast + code examples)

// JavaScript
function Car(model){
  this.model = model;
}
Car.prototype.drive = function() {
  return 'Driving my ' + this.model;
}

// Swift
class Car {
    var model = ""
    func drive() -> String {
        return "Driving my " + model
    }
}