Bleeding Edge Web: September 2018
News From the Bleeding Edge
— Brian Moeskau (@bmoeskau)
Testing Big in JavaScript
— Robert DeLuca (@robdel12)
Housekeeping
- Speakers and sponsors always wanted (edgeatx.org)
- Parking has changed... again!
- Omni hotel bar (downstairs) after meetup
- Anyone hiring / looking?
News from the
Bleeding Edge
Browser Pop Quiz
Last check: August 16, 2018:
Browser Pop Quiz
As of September 20, 2018:
Chrome 69
![Chrome](../../shared/resources/images/chrome.png)
Released September 5th —Release Notes
UI Refresh
- Optimized for mobile and Material UI
- The jury is still out...
![Chrome 69 UI](./images/chrome-new-ui.png)
Chrome 69
![Chrome](../../shared/resources/images/chrome.png)
- Provides optimized scroll element positioning
- Silky smooth carousel transitions
#gallery {
scroll-snap-type: x mandatory;
overflow-x: scroll;
}
#gallery img {
scroll-snap-align: center;
}
Chrome 69
![Chrome](../../shared/resources/images/chrome.png)
- Browsers reserve "safe area" margins by default
- Use entire UI with viewport-fit=cover + safe-area-inset-*
.content {
padding: 16px;
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
Chrome 69
![Chrome](../../shared/resources/images/chrome.png)
- Used to coordinate access to shared resources
- Subsequent requests are blocked/queued
navigator.locks.request('db_sync_lock', async lock => {
// The lock has been acquired.
await do_something();
await do_something_else();
// Now the lock will be released.
});
Chrome 69
![Chrome](../../shared/resources/images/chrome.png)
Firefox 62
![Firefox](../../shared/resources/images/firefox.png)
Released September 5th —Release Notes
New JS APIs
console.log(import.meta);
// { url: "file:///home/user/my-module.js" }
Firefox 62
![Firefox](../../shared/resources/images/firefox.png)
Lots of Minor Updates
Firefox Reality 1.0
![Firefox Reality](./images/ff-reality.png)
Released September 18th
- Designed ground-up for "mixed reality"
- Voice search, private browsing, open source
- Available now for Vive, Oculus and Daydream
![Firefox Reality Preview](./images/ff-reality-preview.gif)
Languages, Libraries &
Frameworks
Johnny-Five 1.0
![Johnny-Five](./images/johnny-five-logo.png)
The JavaScript Robotics Programming Framework
Released August 23rd
- Control anything from Arduino to XBox
var five = require("johnny-five");
var board = new five.Board();
board.on("ready", function() {
var led = new five.Led(13); // pin 13
led.blink(500);
});
Gatsby 2.0
![Gatsby](./images/gatsby-logo.png)
Build blazing fast, modern websites with React
Released September 17th
- Data source + React / CSS + static hosting
- Faster builds, 31% smaller runtime
- React 16, webpack 4, Babel 7
- GraphQL, "ludicrous mode" hot reloading
- And more, check it out
Electron 3.0
![Electron](../../shared/resources/images/electron-logo.jpg)
Released September 18th
- Updated with Chrome 66, Node 10.2, V8 6.6
- Lots of new features and fixes
- Note the breaking API changes!
Ky
![Ky](./images/ky-logo.png)
Tiny and elegant HTTP client based on the browser Fetch API
Released September 4th
- Written by Sindre Sorhus
- Simpler than fetch with helpful defaults
- Timeout, retry support
- JSON, hooks, HTTP method shortcuts
Azure Outage Sept. 4th
It was the longest outage for customers in our 7-year history
- Everything, including the statue page, was down for ~21 hours
- Cascading failures, due to electrical storms in Texas
- Read the full post-morten
![Azure Status](./images/azure-status.png)
State of JS 2018 Survey
Annual state of the JavaScript ecosystem, by developers
![State of JS](./images/state-of-js.png)
Look Who's Turning 10
Chrome and V8 launched on Sept 2, 2008
![Cake](./images/10-cake.jpg)
And now for something completely different...
WWWBasic
BASIC designed to be easy to run on the Web
Written by Google ¯\_(ツ)_/¯ (demo | source)
var basic = require('wwwbasic'); // from NPM
basic.Basic(
`
PRINT "Hello Bleeding Edge!"
FOR i = 1 to 10
PRINT "I can count to "; i
NEXT i
`);
Thanks!
←→ /
#