Bleeding Edge Web: July 2017
News From the Bleeding Edge
— Brian Moeskau (@bmoeskau)
Lightning Talk: Async Components with VueJS
— Ted Patrick (@__ted__)
The Peer-to-peer Web
— Paul Frazee (@pfrazee) and
Tara Vancil (@taravancil)
Housekeeping
Parking Validation ($5 instead of $30)
Buffalo Billiards after-meetup
Announcements?
News from the
Bleeding Edge
Browser Pop Quiz
Last check — June 28, 2017:
Browser Pop Quiz
As of July 25, 2017:
Chrome 60
Shipped July 25 (yesterday)
Chrome 60
Web Budget API
- Reserve resources for background processing
- Proposed by a Google developer in September 2016
- Spec published in May via WICG (not W3C)
- So take it with a grain of salt!
Firefox 55 (beta)
Planeed to ship Aug 8 — Release Notes
We'll review next month, but a few interesting previews:
Edge 15 (16241)
Released July 13 (Windows Insider Preview)
Platform version updated to EdgeHTML 16
- Full support for CSS grid layout
- ES2017 SharedArrayBuffer & Atomics enabled by default
- Added advanced event listeners (“once” and “passive”)
- Support for CSS position: sticky
Safari 11.0 (preview)
Latest preview release July 12 — Release Notes
Coming with MacOS "High Sierra" (currently in beta)
Languages, Libraries &
Frameworks
ES2017 / ES8 Spec Released
- AKA "Standard ECMA-262, 8th Edition"
- Published on June 28th
- Overview of the main features
ES2017 / ES8 Highlight
String.padStart / padEnd
'edge'.padStart(2); // 'edge'
'edge'.padStart(8); // ' edge'
'edge'.padStart(8, 'bleeding'); // 'bleeedge'
'edge'.padEnd(8); // 'edge '
'edge'.padEnd(8, 'web'); // 'edgewebw'
ES2017 / ES8 Highlight
Object.values
let meetup = { x: 'bleeding', y: 'edge' };
Object.values(meetup);
// ['bleeding', 'edge']
Object.values('edge');
// ['e', 'd', 'g', 'e']
ES2017 / ES8 Highlight
Object.entries
let meetup = { x: 'bleeding', y: 'edge' };
Object.entries(meetup);
// [['x', 'bleeding'], ['y', 'edge']]
Object.entries('edge');
// [['0', 'e'], ['1', 'd'], ['2', 'g'], ['3', 'e']]
ES2017 / ES8 Highlight
Object.getOwnPropertyDescriptors
const meetup = {
get desc() { return 'BEW'; }
};
Object.getOwnPropertyDescriptors(meetup);
// { desc: {
// configurable: true,
// enumerable: true,
// get: function desc(){},
// set: undefined
// }}
ES2017 / ES8 Highlight
Trailing commas in function calls
function meetup(bleeding, edge, web,) { // OK!
// ...
}
meetup('this', 'is', 'neat',) // Also OK!
ES2017 / ES8 Highlight
Async functions
function meetupPromise() {
return new Promise(resolve => {
setTimeout(() => { resolve('BEW'); }, 2000);
});
}
async function getMeetup() {
const meetup = await meetupPromise();
console.log(meetup); // 'BEW'
}
ES2017 / ES8 Highlight
Async functions
console.log('1');
getMeetup();
console.log('2');
> 1 // immediately
> 2 // immediately
> BEW // after 2 seconds
ES2017 / ES8 Highlight
Shared memory and atomics
Enables sharing data between multiple workers and the core thread
- Predictable read / write / order
- Operations are uninterruptible
Find out more
Let's Encrypt
A free, automated, and open Certificate Authority
Flash is Officially Dead
- Adobe announced
end of life yesterday
- No more updates or downloads after 2020
- A kind eulogy if you are feeling sentimental
And now for something completely different...
Alexa Skills Tour
- Two days of hands-on training building for voice with Alexa
- August 14-15 at Capital Factory
- FREE for the first 100 registrants ($150 after that)
Thanks!
←
→
/
#
