The digest of fresh materials from the world of the frontend for the last week No. 350 (January 28 - February 3, 2019)

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 "Web Standards", Release №159: Three years on the air, Events, JS-developers for TV, Chrome, Safari, PWA, Safari and JS Core, CSS vs JS, ES2019
• FrontSpot Show # 1. Is Dan Abramov an impostor? Flow not float? And who is he - the king of nishtyakov?
• RadioJS podcast Release 55: Node.js on the backend - is it a real backend?
• Devschacht podcast: 68: inconvenient questions for GraphQL
• Podcast "Frontend Youth (18+)" # 82 How lodash changed javascript
• Tournament: "The Best Web Feature 2018" (PART 1)

Web development

• How to write good and clear code
• HTML, CSS and vanishing entry points to the industry
• GraphQL Beginner's Guide
• CSS and JS at war: how to stop it
• HTML is and has always been the goal of compilation - can we do something about it?
• Google Play Store is now open for Progressive Web Apps.
• “Backend” front-end development
• Overview of the most interesting proposals for the web platform related to web components

• Performance:
  • Optimize page speed: metrics, tools and ways to improve
  • Improving Web Font Performance with Examples
  

• Instruments:
  • tris-webpack-boilerplate - webpack-boilerplate to create for static sites, which has all the necessary modern tools and built-in optimization tools.
  • 11 JavaScript extensions for Visual Studio Code
  • What's new in DevTools (Chrome 73)
  • New in Firefox DevTools 65
  

• Accessibility:
  • Using artificial intelligence to create alternative text on images
  • Tools and strategies for developing accessible web applications
  • How do you use the figure element?
  

• Animation:
  • Deconstruction of Taotajima.jp WebGL
  • Creating wave animations on Three.js
  • Custom cursor effects
  

CSS

• How position: sticky in CSS actually works
• A look at CSS shifts in 2019
• Many ways to change SVG fills on hover (and when to use them)
• CSS-in-JS and static rendering
• CSSans Pro - New Color Creative Font

• Codepen demo:
  • CSS WordArt
  • CSS Grid: Excel Spreadsheet
  • CSS Animation: Marauder's Map
  

Javascript

• Price composition in the Javascript world
• EcmaScript 10 - JavaScript This Year
• Why is TypeScript based on every new web application in PayPal?
• What's new in javascript 2019
• Future javascript: what else is missing?
• Static vs Unit vs Integration vs E2E testing for frontend applications
• React vs Angular: a detailed comparison
• Three more ways to visualize the state of JavaScript
• New releases: TypeScript 3.3 , Babel 7.3 , Jest 24

• Theory:
  • JavaScript: Public and private class fields
  • How to master the syntax async / await: a real example
  • How to work with async / await in JavaScript cycles
  • A brief history of the asynchronous features of Javascript
  • Plunge deeper into JavaScripts objects . A Closer Look at JavaScript Object Descriptors
  

• VueJS:
  • 7 problems you can avoid using Nuxt.js for your next application on Vue
  • Application performance optimization Vue.js: Part 1 - Introduction to performance optimization and deferred loading.
  • Mastering Computed Properties in VueJS
  • How to create a simple monitoring of social networks on NodeJS, GraphQL and Vue
  • Use Vue.js to create an interactive weather panel with an API
  • What does Vue 3.0 mean for web development?
  

• React:
  • (New) React lifecycle methods in simple accessible language
  • React as a UI Runtime , fresh blog post by Dan Abramova
  • Build Progressive Web Applications with React. Part 1
  • addimated - an interruptible declarative animation library for React.
  • React Custom Scroll 4.0 is a small customizable component for creating a custom scroll
  • 5 ways to animate ReactJs applications in 2019.
  • Why is Gatsby so fast
  

• Angular:
  • Introducing NG-VDOM: A New Way to Write Angular Applications
  • Create ready-to-production PWA with Angular and Firebase
  • Angular 7 | 6 Tutorial: Creating and submitting forms
  • Angular DI: Introducing the Ivy NodeInjector
  

• Libs & Plugins:
  • flexsearch - Full-text search library for text in browsers and Node.js
  • readability.js is a separate version of the library used for reader mode in Firefox
  • webaudio-synth: Web Audio API polyphonic synthesizer
  

Browsers

• In 2020, Microsoft will stop supporting Internet Explorer 10.
• Release of Firefox 65 , as well as details for web developers in the blog of Marat Tanalin
• WebRender for AMD / Intel video cards and protection against MITM attacks in Firefox
• Mozilla introduced another mobile browser.
• Users complained about problems with certificates after installing Firefox 65
• What will happen to ad blockers after the Chromium API update: YandexBrowser, AdGuard and Adblock Plus views

Entertaining

• Answers to the most popular questions about Gutenberg
• Google+ is completely disabled for regular users on April 2, the company warns about the complete removal of data
• JavaScript has overtaken Java in the HackerRank Developer Preference Ranking
• How virtual trading of game artifacts can affect real life
• What is a quantum computer and how does it work
• The state of artificial intelligence in 2019
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 .