The digest of fresh materials from the world of the front-end for the last week No. 376 (August 12 - 18, 2019)

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

• Web Standards podcast # 189 : MathML, lazy pictures, CSS modules, BEM or CSS-in-JS, privacy, CSS-Minsk-JS
• UnderJS Podcast # 3 : Sacred Prediction for Creating GitHub Actions
• CSSSR Podcast : News 512 - Indian Intelligence, JS Games, HTTP / 2 Vulnerabilities, React IDEs and JS Testing
• Podcast “Frontend Weekend” # 96 : Dima Korolev on why you need to become the head of a doctor
• Podcast “Frontend Youth (18+)” # 104 : Why the front end grows through the ass
• Make Me Beautiful Podcast # 22 : The Horrors of Game Dev, Translation, and UX
• React Five Minute Podcast : Nest.js
• UnderJS Podcast # 2 : What should a real Backend look like on NodeJS?
• Repozitorro # 25 : 100% open source, or unlock the potential of Codepen!

Web development

• Why is modern web development so complicated? Part 1
• Deep immersion in modern web development . Free online course with detailed explanations and examples
• What is GraphQL: History, Components and the Ecosystem
• A selection of awesome demos on web technology "Awesome Demos Roundup" # 7

• Performance:
  • Fantastic performance tricks on the front end and why we do them
  • About the features of third-party libraries in JS: what is it and why , tips for DevTools , what to add to the code , a sandbox with examples
  • Performance Testing - Tools, Steps, and Best Practices
  • Lazy loading embedded YouTube videos
  

CSS

• .container is no longer needed
• Chrome plans to implement CSS Modules, a draft from Microsoft, which allows you to import styles for components from an external file instead of embedding CSS in JS
• Why do browsers load style sheets with inappropriate media queries?
• Multi-line truncated text with a “show more” button (in pure CSS)
• What is CSS - Implementing Trigonometry in SCSS and Lessons Learned
• Styling checkboxes 2019 - accessible, simple, in pure CSS
• Animating Variable Fonts with CSS and Splitting JS
• Context utility classes for color with custom properties
• Different perspectives of CSS-in-JS

Javascript

• Neural networks in Javascript
• Array methods
• Etching data with travajs
• JQuery history and heritage
• Comprehensive and comprehensive recommendations for testing JavaScript and Node.js (August 2019)
• Typescript in the real world - why and how to use it
• How I rewrote our TypeScript codebase in a week
• 5 interesting uses of JavaScript restructuring
• How to create an encryption machine using JavaScript

• Releases
  • V8 v7.7 Release
  • Parcel 2.0.0-alpha.1 release
  • Ionic React Candidate Announcement
  

• Tips & Tricks
  • 8 bugs of novice JavaScript developers that prevent you from becoming a professional
  • Switching from jQuery to pure JavaScript
  • 13 tips for writing faster, better optimized JavaScript
  • All new tips and tricks for ES2019
  

• React:
  • Apollo Client. Now with React hooks
  • Introducing New React DevTools
  • What's New in React 16.9: UNSAFE Update
  • Draggin 'and Droppin' in React
  • Testing modern React. Part 1: best practices . Part 2: Jest and Enzyme
  

• Angular:
  • Introducing Transloco: Angular Internationalization Made Right
  • Getting started with Nx in Angular
  • Best lazy loading method for Angular Elements
  • It's time to thank the Angular CLI team
  

• VueJS:
  • Vue.js: 3 anti-patterns
  • Vue.js 3: development prospects
  • How to use Vuex to save state in JavaScript
  • Comprehensive Guide to Creating PWA Using Vue CLI 3.0
  

• Ember:
  • Octane on the way in v3.14
  • How to write a truly ambitious SPA in 2019
  • Ember-Backstop Visual Regression Testing Tutorial
  

Browsers

• Understanding Google Chrome Convert HTML to PDF Features
• Firefox 70 will tighten notifications and restrictions for ftp
• In Firefox 70 plan to change the display of HTTPS and HTTP in the address bar
• Chrome 77 and Firefox 70 will stop certificate verification with advanced verification
• Google robs Chrome of FTP support

Entertaining

• How Facebook scales chat architecture with a load of billions of messages per day
• Research: the number of search queries on Google without going to sites for the first time exceeded 50%
• Researcher received fines of $ 12,000 by changing the license plate number of the car to “NULL”
• Google introduced Lexend - a new font for faster reading of documents and spreadsheets
• Google: only 26% of users agreed to change their password when they learned that it was compromised
A.

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.

Last week's digest .
Material prepared by dersmoll and alekskorovin .