The digest of fresh materials from the world of the front-end for the last week No. 295 (December 25 - 31, 2017)

We bring to your attention the latest selection this year with links to new materials from the frontend area and around it.

    Media     |    Web Development     |    CSS     |    Javascript     |    Entertaining

---

Media

• Podcast "Web Standards", Issue No. 101: How to celebrate NG, what to read and watch next year, the last Star Wars and the whole saga, J.R. R. Tolkien and science fiction, why pour olivier with water and ... a song!
• RadioJS Podcast: RadioJS # 50 - Happy Anniversary and Happy New Year!
• Podcast “devschacht”: Issue No. 10 - New Year. History of Devshahty and development plans
• Podcast “Frontend Youth (18+)” # 32 New Year's issue. How to get to Switzerland
• Podcast “Drinkcast”, # 23 - “Afterparty”
• “ALL YOUR HTML” # 29: “Liquid particles, SVG + Canvas”
• Video recordings of Odessa Frontend meetings
•Ask Yandex about interfaces - broadcast recording

Web development

• Frontend 2017: The most important points
• Tools frontend: my favorites findings of the 2017
• Most popular in 2017, the link
• Road map for 2018 th year for fulstek Web Developer
• Nightmare Sliding: understanding of the work the Range the Input
• Minimum set of meta tags for sharing in social networks
• Increase annual revenue by 97% using neural networks and Google AMP

• Performance:
  • Optimization of front-end performance . Decoding of Igor Alekseenko’s report with Frontend Conf 2017
  • Performance insurance . Tools for improving productivity in a review by Artyom Denisov
  • About the facts that many forget when measuring performance
  • Tracking the performance of web fonts using the Font API, Boomerang and UserTiming API
  

• Tools:
  • 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
• Automatic resizing of columns in CSS Grid: `auto-fill` vs` auto-fit`
• How to recreate the structure of Medium pages using CSS Grid
• Five fears of designers overcome with CSS Grid
• 10 reports and presentations about the future of CSS
• Transferring animation from After Effects to CSS Transitions and Keyframes

Javascript

• Service Workers. Instructions for Use
• A comprehensive JavaScript reference for your next interview. Part 1
• What JavaScript frameworks should you learn in 2018?
• Top JavaScript trends that you should follow in 2018
• How to make changes in the DOM
• We are writing a JS library that will be less than 1TB in size . A small guide 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
  • Basic introduction to debugging Vue applications using breakpoints
  • Creating a lazy loading route using Vue.js and the latest browser features
  

• React:
  • How to create a React and Gatsby blog in 10 minutes
  • Create a shortcut for React, Apollo and GraphQL links: 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 - walkthrough
  

Entertaining

• Computer response time: 1977−2017
• Technological industry achievements and fails for 2017 according to NYT
• How machine learning changes SEO
• Google: Noindex directive, follow eventually becomes Noindex, nofollow
• Freedom, responsibility and high salary: Dmitry Ocheretyany o work in Netflix
• Using a neural network to recover damaged images

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .