The digest of fresh materials from the world of the frontend for the last week №308 (March 26 - April 1, 2018)

We offer you a selection with links to new materials from the front-end area and around it.

No, we do not stop working on front-end digests (at least in the near future), as you might think . However, in every joke there is only a fraction of the joke. About children, enthusiasm and lack of time was written quite sincerely. Finding 6-8 hours of personal time per week is becoming increasingly difficult, but for now we will continue. Thanks to our readers for the words of support and gratitude in the comments under the previous post and in PM. Actually, this is what motivates us to continue.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast "Frontend Weekend" # 46 - Vitali Green about React in Yandex and the Alpha Lab experiment
• Web Standards podcast, Release №114: Safari 11.1 and 20 years old Mozilla, CSS specs and W3C trust, nuances of display: contents, text alignment, ES modules here, WebStorm innovations, React v16.3.0, V8 and web -Socket in Node.js, a picture of the industry.
• Devschacht Podcast: Night Front End # 28: CodeFest 2018. Day One
• Podcast "Frontend Youth (18+)" # 43 How to understand that you are a sucker if you are stupid
• Podcast "Debriefing", Episode 156 - RP: Frontend - JavaScript and Memes
• “ALL YOUR HTML” # 42: “3d Emoji Animation on GPU and Sines”
• JavaScript fwdays'18 , 22 videos from the recent conference in Kiev
• Results of PiterJS 23 (ITGM 12) : video, slides and photos from the event
')

Web development

• How to become a frontend developer in 2018
• Native validation as a framework. Lecture in Yandex
• Debug Front-end: HTML / CSS
• Google announced a wide launch of priority indexation of mobile pages
• Progressive Web Apps: fill the gap between the web and mobile applications
• Progressive Web Apps on iOS is here.
• Adding favicons in the multi-browser multiplatform world
• Creating convenient and accessible data tables, detailed article on inclusive-components

• Animation:
  • Unusual popup menu effect
  • An animation of radial progress bars on SVG
  

CSS

• CSS-2018: W3C chooses which time to give the green light
• Work with new CSS Typed Object Model
• How display: contents;
• Understanding Logical Properties and Values ​​in CSS
• Trimming the negative impact of Line Height on typography
• Experiment with CSS writing-mode
• Focus on styles for focus.
• Resolved with CSS! Coloring SVG Backgrounds
• Powerful Layouts with CSS Variables + CSS Grid

Javascript

• Google has published a javascript style guide. Here are some key lessons from there.
• Optimization of third-party scripts - ways that can improve their performance
• 14 minutes javascript : a small interactive tutorial to help key aspects of javascript
• Unit testing in javascript

• Framework:
  • JavaScript ecosystem overview (2018)
  • Updated comparison of modern frontend frameworks in the real world
  • Status of JavaScript libraries and frameworks: 2018 and after
  • The main reason why there are modern JavaScript frameworks
  

• Theory:
  • Classes and factory functions in javascript. What to choose?
  • ES6: useful tips and non-obvious techniques
  • Use void in js . Why and how?
  • Tomorrow's ES modules today!
  

• VueJS:
  • 4 tips on working with Vue.js
  • Forget about jQuery with Vue.js (Part 1)
  • A brief introduction to using Vue.js with NativeScript
  • Deep immersion in the source code Vue.js
  • Reactivity has many faces . Reflections based on the conferences Frontend Love and VueJS Amsterdam
  • Vue.js Kanban Board: Development Process
  • Vue after React: building apps with Vue using my knowledge of React
  • Creating PWA using Vue.js
  

• React:
  • React v.16.3.0 released
  • React Code Style Guide
  • React Router 4: A Practical Guide
  • Understanding React Render Props in Examples
  

• Angular:
  • Authentication with Angular and Auth0
  • What you always wanted to know about Angular Dependency Injection
  • Top 20 reasons why you should use Angular
  

• Libs & Plugins:
  • 11 Javascript Libraries for Machine Learning
  • dinero.js - an immutable library for creating, counting and formatting monetary values
  • is-thirteen - npm package for checking equality of values ​​with 13
  

Browsers

• Mozilla offers Facebook Container - an extension for Firefox that reliably isolates Facebook from other sites.
• Google released Chrome 66 Beta
• How to create an extension for Chrome

Entertaining

• Spring update released IDE WebStorm
• Published the next rating of the most popular programming languages ​​for March 2018
• Mozilla project turns 20
• Google: after work on improving the quality of the site, do not expect the result immediately
• I am a mediocre developer (how to handle this)
• The neural network has learned to invent April Fools' jokes
• Opinion: how society will change when AI is everywhere
• A selection of April Fools' jokes from IT companies
• Compilation of April Fools jokes 2018
• Ducks, memes and horns - what did famous companies prepare for April 1?
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 .