The digest of fresh materials from the world of the frontend for the last week №295 (December 25 - 31, 2017)

We bring to your attention the latest compilation this year with links to new materials from and around the front end.

Media | Web Development | CSS | Javascript | Entertaining

---

Media

• Podcast “Web Standards”, Issue # 101: How to celebrate NG, what to read and watch next year, the latest Star Wars and the whole saga, J. R. R. Tolkien and fiction, why pour water on Olivier and ... a song!
• RadioJS podcast: RadioJS # 50 - Happy anniversary and happy new year!
• Podcast «devschacht»: Issue number 10 - New Year. Devshakhty history and development plans
• Podcast "Frontend Youth (18+)" # 32 New Year's release. How to get to Switzerland
• Podcast "Drinkcast", # 23 - "Afterparty"
• ALL YOUR HTML # 29: “Liquid Particles, SVG + Canvas”
• Video recordings of mitapov Odessa Frontend
• Ask Yandex about interfaces - broadcast recording

Web development

• Frontend 2017: the most important
• Frontend Instruments: My Selected Finds from 2017
• The most popular links in 2017
• Roadmap for 2018 for full-stack web developer
• Nightmare Sliding: Understanding the Range Input
• The minimum set of meta tags for sharing in social networks
• Increase annual revenue by 97% with neural networks and Google AMP
')

• Performance:
  • Optimize frontend performance . Deciphering the report of Igor Alekseenko with Frontend Conf 2017
  • Performance insurance . Tools to improve performance in the review of Artem Denisov
  • Facts that many people forget when measuring performance
  • Monitor web font performance with the Font API, Boomerang, and UserTiming API
  

• Instruments:
  • Details of the upcoming release of Babel 7.0
  • Browser testing - Safari 11 vs Chrome 63 vs Firefox 57 (Quantum)
  • toapi - library for providing API to any site
  

CSS

• CSS landing. Sports.ru
• Examples of using the Calc () function
• Automatically resize columns in CSS Grid: `auto-fill` vs` auto-fit`
• How to recreate the structure of pages Medium using CSS Grid
• Five fears of designers overcome with CSS Grid
• 10 reports and presentations on the future of CSS
• Transfer animation from After Effects to CSS Transitions and Keyframes

Javascript

• Service Workers. Instructions for use
• Exhaustive javascript reference for your next job interview. Part 1
• What JavaScript frameworks should you learn in 2018?
• Top JavaScript trends to follow in 2018
• How to make changes to the DOM
• Writing a JS library that will be less than 1TB in size . A little tutorial for creating extra-small libraries
• How I created a talking emoji using regular emoji and javascript

• VueJS:
  • 3 reasons to choose Vue instead of React in 2018
  • A basic introduction to debugging applications on Vue using breakscrubs
  • Creating a lazy loading route using Vue.js and the latest browser features
  

• React:
  • How to create a blog on React and Gatsby in 10 minutes
  • Creating abbreviations for React, Apollo and GraphQL: part 1 , part 2
  • How to Obfuscate CSS Class Names with React and Webpack
  • Understanding React Source Code - Initial Rendering
  

• Angular:
  • Why developers and companies choose Angular
  • Angular 5 Server Rendering with Firebase Step-by-Step Guide
  

Entertaining

• Computer response time: 1977−2017
• Achievements and technology failures for 2017 according to NYT
• How machine learning is changing SEO
• Google: Noindex directive, follow eventually goes to Noindex, nofollow
• Freedom, responsibility and high salary: Dmitry Ocheretyany about working at Netflix
• Using a neural network to repair damaged images
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 .