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

• Web Standards Podcast, 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 Issue 55: Node.js on the backend - is it a real backend?
• devschacht podcast: 68: Inconvenient questions to GraphQL
• Frontend Youth (18+) podcast # 82 How lodash changed javascript
• Tournament: “Best web feature 2018” (PART 1)

Web development

• How to write good and understandable code
• HTML, CSS and vanishing entry points to the industry
• GraphQL guide for beginners
• CSS and JS at war: how to stop it
• HTML is and has always been the goal of compiling - can we do something with this?
• The Google Play store is now open for Progressive Web Apps.
• “Backend” front-end development.
• An overview of the most interesting offers for the web platform related to web components.

• Performance:
  • Optimize page speed: metrics, tools and ways to improve
  • Improve web font performance with examples
  

• Tools:
  • 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 alternate 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 effects for the cursor
  

CSS

• How position: sticky in CSS actually works
• A look at CSS shifts in 2019
• Many ways to change SVG fills when hovering (and when to use them)
• CSS-in-JS and static rendering
• CSSans Pro is a new color creative font

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

Javascript

• The price of composition in the Javascript world
• EcmaScript 10 — this year's JavaScript
• Why is TypeScript the basis of 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: detailed comparison
• Three more ways to visualize JavaScript status
• New releases: TypeScript 3.3 , Babel 7.3 , Jest 24

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

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

• React:
  • (New) React life cycle methods in simple accessible language
  • React as a UI Runtime , a recent blog post by Dena Abramova
  • Creating progressive web applications with React. Part 1
  • addimated - interruptible declarative animation library for React.
  • React Custom Scroll 4.0 - 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 of writing applications on Angular
  • Create ready-to-production PWA with Angular and Firebase
  • Angular 7 | 6 Tutorial: Creating and submitting forms
  • Angular DI: Introducing Ivy NodeInjector
  

• Libs & Plugins:
  • flexsearch - Library of full-text text search in browsers and Node.js
  • readability.js - 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 Firefox 65 , as well as details for web developers on Marat Tanalin’s blog
• 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 updating the Chromium API: Yandex Browser, AdGuard and Adblock Plus views

Entertaining

• Answers to the most frequently asked questions about the Gutenberg
• Full disable Google+ for ordinary users is scheduled for April 2, the company warns of complete removal of data
• JavaScript has overtaken Java Rating HackerRank developer preferences
• As a virtual trading game artifacts may affect the real life
• What is the quantum computer and how it works
• The state of artificial intelligence in 2019

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 .