The digest of fresh materials from the world of the frontend for the last week №309 (April 2 - 8, 2018)

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

• Podcast "Frontend Weekend" # 47 - Yegor Tolstoy about the frontend complex, Sub, and reforms in Avito
• Podcast "Web Standards", Release №115: New Safari and Chrome, Ruby Sass all, logical CSS properties, available tables, wrong classes and const in JS.
• Five Minute React Podcast # 43 - React 16.3
• 5 minutes of React podcast # 20 - Jake Archibald: In The Loop (JSConf.Asia 2018)
• Podcast “Devshakhta / Night Frontend”: No. 29: CodeFest 2018. Day Two
• Podcast "Pro WEB IT", Release 1 - About constants in JavaScript
• “ALL YOUR HTML” # 43: “Letters with Physics”
• JSConf Iceland 2018 , 35 videos

Web development

• RealWorld Project: Front End Framework Comparison
• Be careful with copy-paste: fingerprinting text with unprintable characters
• How we control BlaBlaCar accessibility.
• Beautiful, interactive canonical AMP pages : interactive online guide
• Portion of AMP News by Chris Koyer
• New to letter template creation? Here's the place to start exploring.
• Weekly selection of beautiful effects on CSS / SVG / JS # 75
')

• Performance:
  • Lazy loading of images and videos : techniques, nuances and possible problems on the Google developer blog
  • Improve your site performance with Lazy-Loading and code separation
  

• Tools:
  • Release of a new version of Visual Studio Code is introduced.
  • The story of the Webpack 4 and how to finally set it up correctly
  • Headless-chrome-crawler - distributed krauler, working at the expense of Headless Chrome
  • Webpack v4.5.0 release released
  

CSS

• Taming overlay modes in CSS
• SASS: Optimize the media screen
• Gradient text length limit
• The classic Ruby Sass has been deprecated; work on it is terminated on March 26, 2019.
• Grid Layout Cheat Sheet (pdf)
• The implementation of the concave corners on CSS, technology 2018
• Why do you do this on CSS? . Chris Koyere on the meaning of technology to create images on pure CSS
• We get rid of the “grid-” prefixes in the properties of indents between cells in CSS Grid Layout

Javascript

• Hybrid Neural Networks with GPU Acceleration in JavaScript
• Create immitable objects in TypeScript
• Mozilla blog article: JavaScript to Rust and back: the story wasm-bindgen

• ES2015 +:
  • How zadolbalo contrasted me fucking const to damn let
  • More const cases in ES6 + . Small addition
  • Here are examples of everything new in ECMAScript 2016, 2017 and 2018
  • ES6 Collections: Using Map, Set, WeakMap, WeakSet
  • ES6 in action: new methods for working with numbers
  

• Tutorials:
  • JavaScript Web Workers: Secure Concurrency
  • The Complete JS Pattern Guide
  • Introduction to TensorFlow.js: Machine Learning in Javascript
  • The Complete Beginner's Guide to JavaScript Geolocation Tracking
  • Introduction to Payment Request API for Apple Pay
  • Presentation API: translation of pages to the second connected display
  

• VueJS:
  • Forget about jQuery with Vue.js (Part 2)
  • Implementing an infinite scroll with Vue.js
  • Methods, Computed and Watchers in Vue.js
  • Vue CLI 3 - deep dive
  

• React:
  • Approaches and technologies in React Redux: we do everything optimally
  • New React context in detail.
  • Ten Minute ES6 Course for Beginner React Developers
  • Create an SSR application using Preact, Unistore and Preact Router
  • Introducing Bit's Live React Component Discoverability Playground
  • Diagram of life cycles of React methods by Den Abramov
  

• Angular:
  • Detailed comparison of AngularJS and Angular 2+
  • Angular Testing: An Introduction For Developers
  • Testing Observables and Angular
  • The path to Angular v6: the third (and last ?!) release candidate is already here
  

• Libs & Plugins:
  • "Greedy" execution, visualization, JS: TensorFlow library updates are presented.
  • Library Optimization with a webpack
  • The release of D3 5.0 , a popular library for visualization
  • Scaffolding for existing projects, part 1: casex - a library for text transformation
  • Extensible eslint plugin to support i18n JSON translation files.
  

Browsers

• Published Chrome extension, replacing potentially dangerous characters with emoji
• Which browser is best at storing passwords
• Mozilla is developing a special version of the browser Firefox Reality for virtual reality headsets
• Users resent Chrome scans files on local disk
• Google has banned the placement of add-ons to Chrome with a mining code cryptocurrency

Entertaining

• Why is e-sports more promising than traditional sports?
• Google developers taught AI to predict pictures.
• Reddit redesigned for the first time since 2008
• Improve the interface due to small things: seven tricks for non-designers
• Critical vulnerabilities in Cisco switches and active SMIs pose a threat to key infrastructure
• Intel acknowledged that the Meltdown and Specter vulnerabilities cannot be fixed for a number of processors.
• Instagram without warning restricted access to API for third-party applications

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