weekend-update-2016-12.md

Intro

• Josh Unger
• Software Engineer at IdeaRoom - http://www.idearoominc.com
• Please share 30 seconds if you know more about the news
• Ask questions anytime
• Drinking from the firehose...

News

• http://www.imdb.com/title/tt4158110/
• https://html5test.com/results/desktop.html
• http://kangax.github.io/compat-table/es2016plus/

Google Chrome

• Chrome 53 - stable

  • captureStream()

• Chrome 54 - stable - 10/12

  • Custom elements v1
  • BroadcastChannel API, requestFullScreen, Foreign fetch

• Chrome 54 for Android - stable - 10/19

  • Background media, etc.
  • Page Visibility

• Chrome 55 - beta

  • debugging async/await
  • web share api
  • css hyphens: manual; visibility
  • UC Browser
    • UC Browser Wikipedia
    • bug 646360
  • css touch-action
  • pointer events
  • addEventListener('click', myClickHandler, { once: true }); vs remove
  • navigator.share()
  • addEventListener('auxclick'

• Chrome 56 - canary

  • Not Secure Warnings
  • DevTools Console is powered by CodeMirror

Safari

• Who is using Technology Preview?

• Safari Technology Preview 15 - 10/12

  • font-variation-settings: 'wght' 0.8;
    • demo open this link in safari
  • <a href... download="MyGoogleLogo"...`
  • KeybaordEvent implementations
  • line range highlighting for debugger

• Safari Technology Preview 16 - 10/26

  • Gamepad API
  • fetch("some.json", {cache: "no-store"})
  • Object.freeze(obj) bugs

FireFox

• FireFox 49.0.2 - release on 10/20

• FireFox 50.0 - beta as of 9/20

  • developer notes
  • border-image-repeat: space
  • Symbol.hasInstance()
  • ES2017 Object.getOwnPropertyDescriptors()
  • Web Console understand source maps!!!
  • The Web Console now displays stack traces for XHR or Fetch() network requests
  • X-Content-Type-Options: nosniff
  • [cookie name prefixes __Secure]
    • https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie
    • https://tools.ietf.org/html/draft-ietf-httpbis-cookie-prefixes-00
  • Referrer-Policy with two r's
    • https://w3c.github.io/webappsec-referrer-policy/#referrer-policy-header
  • addEventListener('click', myClickHandler, { once: true });
  • The interface NodeList are now iterable and the methods forEach(), values(), NodeList.entries() and NodeList.keys()
  • DOMTokenList are now iterable and the methods forEach(), values(), DOMTokenList.entries() and DOMTokenList.keys()
  • drag and drop multiple items with DataTransfer.items
  • MediaStream work
  • Navigator.getBattery()
  • File and Directory Entries API work

• FireFox 51 - release in 1/2017

  • https://developer.mozilla.org/en-US/Firefox/Releases/51
  • Symbol.toStringTag
  • mozCaptureStream() - see Chrome
  • const and let are now fully ES2015-compliant

• FireFox 52 - nightly, release 3/2017

  • es support at 91%!!!!!!!!
  • async/await support
  • display whitespace in dom inspector
  • Firefox 52 ESR to be the last version to support Window XP and Vista
  • ui for input type="time"
  • turn on selectstart and selectionchange

Microsoft Edge

• Windows 10 build 14942 - 10/7

WebStorm

• WebStorm 2016.3 EAP (163.6110) on Oct 14th
  • TypeScript language service
  • Code Inspections - var/let, require/import, convert to arrow
• WebStorm 2016.3 EAP (163.6512) on Oct 20th
  • Debugging React Native apps
• WebStorm 2016.2.4 on Oct 19th
  • Scrolling on macOS Sierra

Your turn to find some news on

• angular
• react/redux
• es7
• webpack
• vue

React

• 15.4.0 released 11/16

For weekend update, I'm Josh Unger

Future Reading

• Chrome

  • https://googlechromereleases.blogspot.com/
  • https://developers.google.com/web/updates/2016/
  • https://developers.google.com/web/updates/2016/10/devtools-digest
  • https://twitter.com/DevToolsCommits
  • https://blog.chromium.org/
  • https://www.chromestatus.com/features

• Internet Explorer

  • https://blogs.windows.com/msedgedev/
  • https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/insider/

• FireFox

  • https://www.mozilla.org/en-US/firefox/releases/
  • https://developer.mozilla.org/en-US/Firefox/Releases/
  • https://developer.mozilla.org/en-US/Firefox/Experimental_features
  • https://blog.nightly.mozilla.org/
  • https://twitter.com/FirefoxNightly

• http://stateofjs.com/