The digest of fresh materials from the world of the frontend for the last week №279 (September 4 - 10, 2017)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Web Standards podcast # 84: Safari and Chrome updates, Firefox, Yarn 1.0 compatibility, how to break grids and why no resets are needed.
• Podcast "Frontend Weekend" # 18 - Travel to Minsk and discussion of reports on CSS-Minsk-JS
• Five Minute React podcast # 34: Moscow Frontend Conference 2017 and BEM React Core
• Devschacht Podcast: Night Front End # 3
• Podcast "Frontend Youth (18+)" # 18 How Lech did not make it to Booking: Procrastination, interview in Booking, Private data of ES6 classes, async_hooks
• The podcast "Drinkcast", Issue # 7 - "All frontendders get to Peter"
• .getInstance: "Promises in JavaScript"
• Video reports from the conference ChernivtsiJS # 3 , held June 10, 2017
• The latest issue of the show “Supercharged” about the new Font-Display property, which allows to improve the speed of loading web fonts
• The latest edition of Totally Tooling Tips on the Lighthouse

Web development

• confs.tech - a site where you can get acquainted with the upcoming international conferences on the frontend
• Virtual Reality Guide for Web Developers
• About the features and organization of the frontend at HealthCare.gov
• Examples of what I do every day as a frontend developer . IoT company developer blog
• As in the carsharing service, car2go chose a framework for itself
• Lazy asynchronous rasterization SVG . Jake Archibald shows how to rasterize SVG using createImageBitmap
• Weekly selection of beautiful effects on CSS / SVG / JS # 52
')

• AMP / PWA:
  • Google officially added AMP-based quick responses to mobile issue
  • A recent article in the amphtml blog about how AMP can speed up e-commerce sites.
  • Why and how they implemented Google AMP on Condé Nast
  • Implement “Application” in Progressive Web Applications
  

• Instruments:
  • Announcement Yarn 1.0
  • It's okay not to use yarn
  • The wonderful world of webpack
  • RESTool - open source UI management tool for RESTful APIs
  

CSS

• Abbreviated properties . Why set a picture through background-image, if you can just write a background?
• Collection of tips on the organization of interfaces from Steve Schoger, HTML and CSS
• Online Critical Path CSS Generator
• Zen is just writing CSS . A note from Rich Harris, where he tells how the biggest problems with CSS can be solved without CSS-in-JS

• Page structure:
  
  • What can break the layout on grids (CSS Grid Layout)
  • Two ways to break a CSS Grid and how to fix it
  • Create a Trello structure using CSS Grid and Flexbox
  • Video showing how to use Feature Queries and Grid Layout
  • Basic grid layout with fallback using feature queries
  • CSS Grid Contest: Create a layout and win prizes from SmashingMagazine! )
  

Javascript

• 8 Errors in the Study of JavaScript - video on the channel Web Developer Blog
• JavaScript and SEO: Does Google scan JavaScript?
• [[] [[]] + []] [+ []] [++ [+ []] [+ []]] is “n” in JavaScript
• 7 tips on handling "undefined" in javascript
• Basic set of JavaScript algorithms: for beginners
• Javascript: a curious case with Null> = 0
• An ironic story about the leadership of every JavaScript framework written more than 5 minutes ago
• How I convinced our technical director to switch from CoffeeScript to ES6
• React vs Angular: a detailed comparison

• Theory:
  • How JS Works: Overview of the Engine, Runtime Mechanisms, Call Stack
  • How JS works: about the V8 internals and code optimization
  • ES6, ES8, ES2017: what is ECMAScript and how is it different from JavaScript
  • Deep immersion in JavaScript arrays - evolution and performance
  

• VueJS:
  • How to place a Vue-app on Heroku
  • Production-ready web applications with vue-pwa-boilerplate (Jeff Posnick on VueNYC)
  • Vue.Js Vs. JQuery: use cases and comparison with examples
  • 3 code sharing templates for VueJS and Webpack
  

• React:
  • react-imgpro - image processing component for React
  • You may need a React, but not the whole ecosystem.
  • Firebase + React: real-world optimization
  

• Angular:
  • How I stopped loving Angular
  • The essential difference between pure and impure pipes in Angular and why it matters
  • Significant difference between Constructor and ngOnInit in Angular
  

• Libs & Plugins:
  • webworker-promise - We teach webworkers good manners
  • Size Limit: Making the Web Easier . Evil Martians represent a tool that will prevent your JS libraries from swelling, tracking dependencies and polyfiles
  • Rythm.js - JS library, which makes the components on the page dance rhythmically
  • LookForward.js - a small library that helps create smooth transitions between pages.
  • Capture stream with MediaRecorder
  

Browsers

• Launch Chrome 61 Web Browser
• 9 things in Firefox Dev Tools that you didn't know about
• Overview of all Chrome DevTools developer tools
• How to debug javascript using chrome devtools
• In Chrome 63 will appear the means of informing about attempts to intercept HTTPS
• The creator of Opera accused Google of obstructing the work of Opera and Vivaldi

Entertaining

• Matt Mullenweg described issues related to Gutenberg and confirmed that the new editor will appear in WordPress 5.0
• The company owning Trello and Jira launched the corporate instant messenger Stride
• Facebook launched a service for meeting with friends in the spirit of Badoo and Tinder
• Cryptocurrency: current state and development prospects
• Mentoring in IT: what to do if you are assigned a junior
• How to protect a web application: basic tips, tools, useful links
• How Google secretly funds academic research. To your advantage
• For God's sake, write on the main site what your company does

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.

← Digest last week
Material prepared by dersmoll and alekskorovin