The digest of fresh materials from the world of the frontend for the last week №347 (January 7 - 13, 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

• Podcast "Web Standards", Release №156: Podcast in Spotify, GraphQL in St. Petersburg, changes on GitHub, browser support, CSS-vs-JS.
• Podcast "Frontend Weekend" # 86 - Alexander Korotaev on how and why to write games on JavaScript and perform abroad
• Podcast "CSSSR" News 512 - Issue №33
• “Devshakhta Podcast”: # 65: Why should the front -runner study at the university?
• Devshakhta Podcast: # 64: ECMAScript Modules in Node.js - New Plan
• Podcast "Frontend Youth (18+)" # 79 Monoparasitories and polypers
• "ALL YOUR HTML" # s2e4: "Crawling Stripes"

Web development

• New Year, New GitHub: Unlimited Free Private Repositories
• What is wrong with GraphQL , and how to deal with it
• Visualization of GraphQL concepts
• Chrome DevTools: the five most popular tips for DevTools since 2018
')

• Performance:
  • Performance checklist for frontend 2019 by Vitaly Friedman [PDF, Apple Pages, MS Word]
  • Ethics web performance
  

• Accessibility:
  • Making SVG available
  • Availability status
  

• Animation:
  • Using Animation Worklet
  • Mesh mesh animation
  

CSS

• Pitfalls of custom CSS properties
• CSS doesn't suck
• New horizons in CSS: Houdini and Paint API
• Sass techniques from the trenches
• Web component styling
• How CSS specificity works in a browser
• Why do we need CSS subgrid
• When and how to use CSS Multi-Column Layout
• Combining approaches to creating Masonry Layout on CSS
• Introduction to CSS Containment

Javascript

• JavaScript: top themes and frameworks to explore in 2019
• Poll Results 2018 JavaScript Rising Stars
• Computer science in javascript 2019: linked list
• Secure javascript. How to write code that does not do something that should not
• Tips and tricks you might need when working with JavaScript (questions and answers)
• 9 tricks for cool JavaScript developers in 2019
• Removing the “this” keyword in JavaScript makes it a better language. B that's why
• I hate for loops, and that's why

• Practice:
  • Friday JS: Quic, which plays tic-tac-toe
  • How to write your own Custom Mouse UI Class on vanilla JavaScript
  • How to start working with competitive JavaScript programming
  • Convert color spaces to javascript
  • How to create a javascript PDF viewer
  

• ES2015 +:
  • New ES2018 features that every JavaScript developer should know
  • How to learn Async / Await with a real-world example
  • Improve your asynchronous JS code with async / await
  

• Node:
  • No, you do not need Express in your REST API on Node.js
  • Announcement Matterhorn - Node.js API Server Boilerplate
  • Beginner's Guide to Web Server Development with Node.js
  • Creating a personal bot in Facebook Messenger in 10 minutes with NodeJS and the Standard library
  

• React:
  • Guide to creating a React template from scratch
  • How to start working on web development from scratch to Create-React-App on Windows
  • Getting started with web access in React
  • Detailed guide to React Boilerplate - from zero to hero
  • React Reference
  • How I created an asynchronous library for validating forms in ~ 100 lines of code using React Hooks
  • Creating Snapping Image Swiper in Instagram Style at React
  • React Kawaii - Cute React SVG Components
  

• VueJS:
  • Vue.js, TypeScript and TSX in 2019
  • 8 Vue.js UI components for 2019
  • Top 10 Tips for Learning Vue by Vue Masters
  • 30 Days of Vue . Introduction to Vue in 30 small parts. Written by Fullstack Vue
  

• Angular:
  • We pump Angular NGSW with the help of custom logic in the Service Worker
  • Want to learn Angular?
  • Angular Material Starter to support Ng-Bootstrap
  • Create an application with all new and interesting in Angular 7
  • On the way to Angular 8: Angular 7.2 released
  • Animations in Angular 7
  

• Libs & Plugins:
  • Library for creating web animation Anime.js updated to version v3.0.0. Works with CSS, SVG properties, DOM attributes, and JavaScript objects.
  • karin: an elegant HTTP client based on promis for browsers and node.js
  • Your assistants when working with WebGL
  

Browsers

• The ad blocker built into Chrome will work for all countries this summer
• Mozilla is developing a new mobile browser Fenix
• Flexbox Inspector Development

Entertaining

• What happened in the field of IT security in 2018 - leaks, attacks, mining and memo hacking
• Head of NVIDIA stated that Moore's law is dead
• Typography in augmented reality: make the font more readable from different viewing angles
• What the programmer should not have missed in 2018 - expert opinion
• Python was named the 2018 language in the January TIOBE ranking
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 .