Bleeding Edge Web: January 2017

Announcements

News from the Bleeding Edge

— Corey Butler (@goldglovecb)

VueJS for Web Applications

— Ted Patrick

Thanks to our venue:

Thanks to our sponsor:

Browser Pop Quiz

Last version check — October 2016:

54	49.0.02	14 14936	10.0.1

Browser Pop Quiz

As of January 25, 2017:

54 55	49.0.2 51	14 14936 14971	10.0.1 10.1

Chrome 55

Async/await functions
function logFetch(url) { return fetch(url) .then(response => response.text()) .then(text => { console.log(text); }).catch(err => { console.error('fetch failed', err); }); }
async function logFetch(url) { try { const response = await fetch(url); console.log(await response.text()); } catch (err) { console.log('fetch failed', err); } }

Chrome 55

CSS Hyphens (Outstanding since 2010)

div.none { -webkit-hyphens: none; hyphens: none; } div.manual { -webkit-hyphens: manual; hyphens: manual; } div.auto { -webkit-hyphens: auto; hyphens: auto; }
<div class="none"> Google ipsum dolor sit amet, consectetur adipiscing e&shy;lit. </div> <div class="manual"> Google ipsum dolor sit amet, consectetur adipiscing e&shy;lit. </div> <div class="auto"> Google ipsum dolor sit amet, consectetur adipiscing elit. </div>
Google ipsum dolor sit amet, consectetur adipiscing
elit.
Google ipsum dolor sit amet, consectetur adipiscing e­lit.
Google ipsum dolor sit amet, consectetur adipiscing elit.

Chrome 55 continued...

• Pointer Events (PointerEvent): Unified pointer input API subsuming MouseEvent and TouchEvents
• "once" Event Listener
• Unprefixed CSS Clipping Paths

Coming Soon:

• Budget API
• Long Task Observer
• Persistent Storage Permissions
• RTCPeerConnection.getStats
• WebAudio

Firefox 51

HTML

• <hr> can now be used as <menu> separators

Firefox 51

CSS

• ::placeholder pseudo-element is now unprefixed

Firefox 51

JS

• TypedArray support
• const & let are finally ES2015 compliant
• Deprecated legacy generators

Firefox 51

Other

• IndexDB v2 implementation is now complete.
• Scripts served with an image/*, video/*, audio/* or text/csv MIME type are now blocked and are not loaded or executed.
• Simple Push API replaced with W3C Push API.
• WebGL 2 Support
• Removed Belarusian (be) locale

WTF, Firefox? (via Recode)

• The Browser That Time Forgot
• Firefox usage up in 2016 by "high single digits"
• Mozilla admitted to betting the farm on competing (and failing) with Android.
• Renewed Goal: Outperform Chrome in 2017
• Too Little, Too Late? Just Right?

Edge 14971

• ES2015 Modules in Preview Mode
• Content Security Policy (CSP) Level 2 Support
• Brotli Compression (replacement for Gzip)
• Payment Request API (Microsoft Wallet)
• IE 11+ will block all sites with SHA-1 certificates.

Safari 10.1 (Prerelease)

• Fetch, IndexDB 2, Custom Elements (web components)
• Async/await
• ES2017: Shared memory objects, including Atomics and Shared Array Buffers
• CSS Deep Colors (Ability to change color gamut)
• CSS Grid Support (Level 1)

Notable Releases

• Node 6.9.4 — 99% ES2015 Support
• Node 7.4.0
• WebPack 2.2 Released

Node Recap

• 5M+ Devs: Most popular OSS project on earth.
• NPM is the world's largest package manager.
• 80% of NPM's 315K+ modules are for FRONTEND packages.
• VM Neutrality: Your Choice of V8, ChakraCore, SpiderMonkey, etc.
• Version Management
• Core Contributions Requested

Developer Interest Level: UI Frameworks

(Based on Github Star Count Increase)

Developer Interest Level: Node Frameworks

(Based on Github Star Count Increase)

Developer Interest Level: Mobile Frameworks

(Based on Github Star Count Increase)

Developer Interest Level: Build Tools

(Based on Github Star Count Increase)

Developer Interest Level: Testing Libraries

(Based on Github Star Count Increase)

Developer Interest Level: IDE

(Based on Github Star Count Increase)

Upcoming Events

• DockerCon: April 17-20 (2017)

Thanks! For Everything!

http://www.meetup.com/bleeding-edge-web/

http://edgeATX.github.io/slides

Corey Butler — @goldglovecb