The digest of fresh materials from the world of the frontend for the last week №304 (February 26 - March 4, 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" # 42 - Andrey Romanov on the secrets of the development of the frontend community For Web and career in 20 years
• Podcast "Web Standards", Release №110: News for designers, why CSS variables, very dangerous CSS, expressions from the container, Webpack is 146% faster, restarting Dart 2.0
• Podcast "Frontend Youth (18+)" # 40 Paradigm Orgy
• Devschacht podcast: Night Frontend # 24 - JavaScript, which was not
• Five Minute React Podcast # 39 - TypeScript 20/80
• Podcast "Five Minutes React» # 40 - Yandex Tracker on the background of YouTrack
• Five Minute React podcast # 41 - Dan Abramov: Beyond React 16
• "ALL YOUR HTML" # 38: "Airplanes, curves, quaternions"
• New project dev || bet «Python vs. JS - How much could you make by buying a Bitcoin with a time machine? ”
• Results of February PiterJS №22
• 39 videos from JSConf.Asia 2018

Web development

• Will accelerated mobile pages improve ranking in Google and how to set up AMP test
• AMP News in Chris Koyer's Notes
• frontend-case-studies - supervised list with technical reports and articles on corporate frontend development in the real world
• How I turned from a graphic designer into a front-end developer in 5 months
• It is now illegal to have an inaccessible website in Norway - and this is good news for all of us.
• O API - alternative to REST API
')

• Performance:
  • Google launched a tool to compare site speed with other resources.
  • New review article from Google about web productivity tools
  • Improve page performance with Chrome DevTools
  • React Performance Optimization - 12 Tools and Tips
  • You will definitely want to optimize the loading of your site. And how to do it
  • Lazy loading images to improve performance with Intersection Observer
  

• Instruments:
  • History of CSSO: Beginning , Continuation , Completion , Conclusion
  • How to add lintting JavaScript to your project using ESLint and Gulp
  • Chrome 65 - what's new in DevTools
  • What's new in DevTools (Chrome 66)
  

• Spectacular web:
  • Dot wow effects: magic with simple words
  • Weekly selection of beautiful effects on CSS / SVG / JS # 72
  • Red developer: illusions on the web part 1
  

CSS

• 30 seconds CSS
• Using CSS Grid to Design User Interfaces
• CSS selectors and their use in test automation software
• Google: GoogleBot cannot crawl custom CSS properties.
• How to use variable fonts in the real world
• Responsive Components: Solving the Expression Problem from a Container
• Third-party CSS unsafe
• CSS steals your data
• Less familiar CSS features and advanced tips (actually not)
• Proof that CSS Grid is ready for production in the future.
• Using Sass to control scope with the name BEM

• CSS variables:
  • Learning CSS variables in 5 minutes
  • Time variables . In this article I will tell you how I assembled a demo using custom CSS properties (they are CSS variables) and upgraded my thinking in the context of CSS.
  • Responsive Vertical Rhythm with Custom CSS and CSS Calc Properties
  • How to make responsiveness super simple with CSS variables
  

Javascript

• Random numbers are not random . How to create a random number generator on JS and predict Math.random ()
• The Complete SEO JavaScript Guide
• TypeScript - JavaScript with super abilities
• Please stop using console.log () for debugging, it is broken ...

• Theory:
  • You do not know JS: Asynchrony and Performance . Chapter 3: Promises
  • Service Workers. Web Push and where they live
  • How JS Works: Service Workers
  • How JavaScript Works: Web Push Notification Mechanics
  

• VueJS:
  • The creator of Vue.js is responsible Habra
  • Creating a MEVN application: Part 1/2 , Part 2/2
  • Getting Started with Webpack 4 and VueJs - Quick Start Guide
  • Let's create a custom Vue Router
  • Create serverless CMS on Vue.js
  • vueds is an open source tool for creating styled guides on Vue.js
  • How to create an accessible Autocomplete component on Vue.js
  

• React:
  • Developing a game on SVG + React. Part 1
  • Creating an Airbnb Clone with React and ElasticSearch
  • react-morph - just add the morph effect to your interfaces
  • Redux redesign
  • First look at Async React + Apollo
  • 9 React tools for organizing work on components
  • Structuring projects and naming components in React
  • 8 conditional rendering methods in React
  • “A quick look at React after the release of the 16th version” , - Dena Abramov's report at JSConf Iceland 2018
  

• Angular:
  • Reactive Angular / NGRX applications: Part 1. Introduction. , Part 2. Store. , Part 3. Effects.
  • AngularJS: latest release
  • Angular InstantSearch - new algolia library for working with Angular search interfaces
  • Angular is coming: preparation for the upgrade
  • Introduction to NGRX Actions 3.0
  

• Libs & Plugins:
  • termtools - Terminal customization using JS
  • Delighters.JS - add CSS animations when scrolling the page
  • flatbush - fast static spatial index for 2D points and rectangles in JavaScript
  • prompts - interactive forms for CLI
  

Browsers

• Mozilla stops supporting beta versions in the add-on directory for Firefox.
• Firefox 60 may change the ability to individually manage cookies.
• Since 2014, the share of Chrome users using Flash has decreased from 80% to 8%
• Your private browser mode is not as private as you would like.

Entertaining

• Slack added integration for seamless GitHub operation.
• Microsoft plans to charge for some premium fonts.
• Google introduced a cross-platform framework for developing user interfaces Flutter
• Google has opened access to the largest database of world attractions Google-Landmarks
• Intel, Microsoft, and others explained to the authorities why the Specter and Meltdown had a problem fixing.
• The DDoS attack with a capacity of 1.35 Tb / s collapsed on GitHub, and you need to thank Memcached for that.
• Two years that shook Facebook
• AdBlock added caching feature for popular JS libraries
• Google released its own alternative to Slack
• Bill Gates on Reddit AMA: about the dangers of cryptocurrency, distrust of Hyperloop Ilona Mask and presidential ambitions (they are not)
• Java EE renamed to Jakarta EE
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 .