The digest of fresh materials from the world of the front-end for the last week No. 279 (September 4 - 10, 2017)

We bring to your attention a selection with links to new materials from the frontend area and around it.

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

---

Media

• Podcast "Web Standards" # 84: New Safari and Chrome, Firefox compatibility, Yarn 1.0, how to break grids and why not need resets.
• Podcast “Frontend Weekend” # 18 - Travel to Minsk and discuss reports on CSS-Minsk-JS
• Podcast “Five Minutes React” # 34: Moscow Frontend Conference 2017 and BEM React Core
• Podcast “devschacht”: Night Frontend # 3
• Podcast “Frontend Youth (18+)” # 18 How Lyokha didn’t get on Booking: Procrastination, interview on Booking, Private data of ES6 classes, async_hooks
• Podcast “Drinkcast”, Issue # 7 - “All front- endors get to St. Petersburg”
• .getInstance:“Promises in JavaScript”
• Video reports from the ChernivtsiJS # 3 conference , held on June 10, 2017
• Fresh release of the Supercharged show about the new Font-Display property, which improves the speed of loading web fonts
• Fresh release of the Totally Tooling Tips show about tool lighthouse

Web development

• confs.tech - a site where you can see upcoming international conferences on the front end
• Virtual reality guide for web developers
• About the features and organization of the front end on HealthCare.gov
• Examples of what I do every day as a front end developer . Developer blog from IoT company
• How to choose a framework for car2go car sharing service
• Lazy asynchronous rasterization of SVG . Jake Archibald shows how to rasterize SVG with createImageBitmap
• Weekly selection of beautiful effects on CSS / SVG / JS # 52

• AMP / PWA:
  • Google has officially added AMP-based quick answers to mobile SERPs
  • The latest amphtml blog article on how AMP can speed up e-commerce sites
  • Why and how Google AMP was implemented on Condé Nast
  • Implementing the “Application” in Progressive Web applications
  

• Tools:
  • Announcement of Yarn 1.0
  • It's OK not to use Yarn
  • The wonderful world of Webpack
  • RESTool - an open source UI tool for managing RESTful APIs
  

CSS

• Reduced properties . Why set a picture via background-image if you can just write background?
• A collection of tips for organizing interfaces from Steve Schoger, in HTML and CSS
• An online generator of the Critical Path CSS
• Zen is easy to write CSS . A note from Rich Harris, where he talks about how the biggest CSS problems can be solved without CSS-in-JS

• Page structure:
  
  • What can break a grid layout (CSS Grid Layout)
  • Two ways to break 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 Mistakes in Learning JavaScript - Web Developer Blog Video
• JavaScript and SEO: Does Google Crawl JavaScript?
• [[] [[]] + []] [+ []] [++ [+ []] [+ []]] - this is “n” in JavaScript
• 7 tips for handling “undefined” in JavaScript
• Basic a set of JavaScript algorithms: for beginners
• Javascript: a curious case with Null> = 0
• An ironic story about the leadership of each 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: an overview of the engine, runtime mechanisms, call stacks
  • How JS works: about the V8 internal device and code optimization
  • ES6, ES8, ES2017: what ECMAScript is and how it differs from JavaScript
  • Deep immersion in JavaScript arrays - evolution and performance
  

• VueJS:
  • How to host a Vue-app on Heroku
  • Ready-for-production web applications with vue-pwa-boilerplate (Jeff Posnick on VueNYC)
  • Vue.Js Vs. Jquery: use cases and comparison with examples
  • 3 code separation templates for VueJS and Webpack
  

• React:
  • react-imgpro — компонент процессинга изображений для React
  • Вам может понадобиться React, но не вся экосистема
  • Firebase + React: оптимизация для реального мира
  

• Angular:
  • Как я перестал любить Angular
  • Существенное различие между pure и impure pipes в Angular и почему это имеет значение
  • Существенное различие между Constructor и ngOnInit в Angular
  

• Libs & Plugins:
  • webworker-promise — Учим webworkers хорошим манерам
  • Size Limit: делаем веб легче. Злые Марсиане представляют инструмент, который предотвратит ваши JS библиотеки от разбухания, отслеживая зависимости и полифилы
  • Rythm.js — JS библиотека, которая заставляет компоненты на странице ритмично танцевать
  • LookForward.js — небольшая библиотека, помогающая создавать плавные переходы между страницами
  • Захват потока с MediaRecorder
  

Браузеры

• The release of the Chrome 61 web browser
• 9 things you didn't know about in Firefox Dev Tools
• An overview of all the Chrome DevTools developer tools
• How to debug JavaScript using Chrome DevTools
• In Chrome 63, there will be a means of informing about attempts to intercept HTTPS
• Opera creator blamed Google hindering Opera and Vivaldi

Entertaining

• Matt Mullenweg described the problems associated with Gutenberg and confirmed that the new editor will appear in WordPress 5.0
• The company-owner Trello and Jira launched the corporate messenger Stride
• Facebook launched the service for meeting friends in the spirit of Badoo and Tinder
• Cryptocurrency: current status and development prospects
• Mentoring in IT: what to do if you were assigned a junior
• How to protect a web application: basic tips, tools, useful links
• How Google secretly finances academic research. For Your Own Benefit
• For heaven’s sake, write on the main site what your company does.

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

← Digest last week
Material prepared dersmoll and alekskorovin