The digest of fresh materials from the world of the frontend for the last week №334 (October 7 - 14, 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» # 74 - Mikhail Bodnarchuk about how and why a developer should test his code
• Devshacht / Night Frontend Podcast: 53: DevOops 2018
• Vadim Makeev's video blog 5. Polytechnic, magic JPEG, unnecessary form and object-fit on SVG , 6. Immersion in object-fit: cover with and without a polyfile

Web development

• Why don't we add the <wonderful> element to HTML?
• How to turn a difficult question into a front-end interview
• About static site generators
• Deploying front-end applications is a fun way.
• Using the Web Audio API , detailed updated information on MDN
• Advanced techniques for using the Web Audio API: sound creation, consistency, synchronization, planning
')

• Performance:
  • We optimize the web with Vitaly Friedman: download speed, memory, CPU
  • Getting Started with Performance Budget , a detailed Addy Osmani article on the nuances and aspects of the issue
  • Adaptive content delivery using JavaScript and the Network Information API . Another article by Addy Osmani about choosing different assets depending on connection speed.
  • The best ways to increase front-end loading performance
  • Another PWA + AMP success story: how Superbalist improved page loading speed, thereby increasing conversions by 26%
  

• Instruments:
  • What's new in DevTools (Chrome 71)
  • Favicon Checker - an online tool for comparing favicons in all major browsers, including light and dark themes
  • termtosvg - utility to record what is happening in the terminal in the form of SVG
  • markdown page - a script that turns Markdown into HTML in one line.
  

• Accessibility:
  • Accessibility Cheat Sheet
  • WordPress, Accessibility and Gutenberg
  • I left the position of accessibility team lead in WordPress. And that's why
  

CSS

• CSS Content Features
• CSS border-radius can this?
• How I memorized CSS Grid properties
• Does your interviewee understand CSS layouts?
• Previous adjacent CSS selector and how to emulate them
• 5 things you can do in CSS-in-JS that you didn't know about
• Shape Path Editor in Firefox

Javascript

• A practical ES6 tutorial on how to make an HTTP request using the Fetch API
• Closures in javascript for beginners
• JavaScript Visualizer is a tool for visualizing context, ascent of variables, closures, prototypes, and other basic JS concepts for a better understanding of how things work.
• Deep immersion in this in javascript: why writing good code is so critical
• 13 games in ≤ 13kB of JavaScript · js13kGames 2018
• Let's deal with the confusion around slice (), splice () and split () methods in JavaScript
• New releases: Ember 3.4 , ESLint v5.7.0 , Aurelia-CLI v1.0.0-beta.1, New Aurelia-CLI collector with auto-trace

• VueJS:
  • Using Event Bus to share props between Vue components
  • 12 companies that use Vue.js to develop their applications
  • Optimistic Offline-First app with Vuex
  • Working on an application in Vue.js with TDD is an extensive guide for people who have time, part 1
  • What you need to know about Vue CLI 3
  

• React:
  • Ignorance of the basics of React, which is probably ruining you
  • Caching event handlers and improving the performance of React applications
  • How to become a React developer in 2018
  • React.js: the best view of the most powerful UI library ever created
  • OOP and RxJS: React State Management with Akita
  • 11 sandboxes for working with React UI components
  • How to combine Webpack 4 and Babel 7 to create a fantastic React app
  • What's new in Create React App 2.0, video series
  • Do you need to know React to be a WordPress developer?
  • Testing React applications using react-testing-library
  • Full Stack Radio: 99: Tim Neutkens - Building React Apps with Next.js
  

• Angular:
  • 22 Angular Development Board. Part 1 , Part 2
  • A few tips on Angular
  • Announcement of the first stable release of Angular Console - UI for Angular CLI
  • Nested forms in Angular 6
  • Guide to Angular 6: Styling , Router
  • Angular & Chart.js (with ng2-charts)
  • Creating a full stack of applications using Angular CLI and Nx
  

• Libs & Plugins:
  • TensorFlow.js and clmtrackr.js: tracking the direction of the user's gaze in the browser
  • Deity Falcon - open-sourced cross-platform PWA library for creating sites of any type
  • perfume.js is a JavaScript library for measuring First (Contentful) Paint, Time to Interactive, and First Input Delay.
  • mb - access to nested attributes with zero values ​​without exception errors
  • Muze - building compositional visualizations for the web with an emphasis on data
  

Browsers

• Firefox update system audit results published
• Mozilla developers have postponed the termination of trust in Symantec certificates
• A gap has been found in Microsoft Edge that allows you to run any programs
• Google Chrome will soon stop working on devices running Android 4.3 and below.
• Calls between JS and WebAssembly are finally fast in Firefox

Entertaining

• The first release candidate of Gutenberg 4.0 has been released
• Evolution of cryptography: from mathematics to physics
• ICANN regulator successfully changed keys to domain names
• Visual translation Google Translate also switched to neural technology and received support for 13 new languages
• Windows PowerShell Beginner's Guide
• Facebook revealed the details of the latest hacking: hackers received phone numbers and email addresses of 30 million users
• Google+ closes after data leak 500000 accounts
• “Yandex” could not agree with the right holders on a new anti-piracy agreement
• Alexa users confessed to a voice assistant over a million times, but were rejected by her.
• Microsoft has opened 60 thousand patents to protect Linux from lawsuits
Go

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 from last week .
Material prepared dersmoll and alekskorovin .