The digest of fresh materials from the world of the frontend for the last week №284 (October 9 - 15, 2017)

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" # 23 - Vyacheslav Slinko about opening his own web-studio and frontend-development manual
• Web Standards podcast, Issue # 90: Browser lull, GitHub numbers, loading images, (inappropriate) books, War of CSS, Slack redesign, special issues.
• Devschacht podcast: Frontend Night # 7 - REST vs GraphQL
• Podcast "Frontend Youth (18+)": # 22 Bodypositive for an impostor
• The podcast "Drinkcast", Issue # 12: "Hitchhiker's Guide to the Galaxy with Andrey Sitnik"
• "ALL YOUR HTML" # 18: "intersectionObserver and SVG animation masks"
• 25 videos from Front-Trends 2017
• 9 videos from NEJS CONF 2017

Web development

• Progressive degradation . How to understand the principle of progressive improvement?
• Errors and controversial issues in HTML-CSS layout . Part 2: Markup
• HTML5 Boilerplate 6.0 Release
• Using CodePen can improve your frontend development process.
• Filter images using the Web Audio API . Experiments with arrays of audio and video content
')

• AMP / PWA:
  • Google came up with a simpler name for the AMP format
  • Quick start on amp pages with new AMP Start templates
  • 6 myths about Progressive Web Applications (PWA)
  

• Tools:
  • WordPress developers changed Browserify to Webpack for the build process
  • Treo is a new site auditing tool, with Lighthouse in the cloud, API, Github & Slack integration and a bunch of settings.
  • What's new in DevTools (Chrome 63)
  

• Accessibility:
  • Usability and Accessibility. New to WCAG 2.1 and 10 usability heuristics from Jacob Nielsen
  • A practical guide to improving web accessibility
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 57
  • Writing smarter animation code : GSAP and GSDevTools
  • Slider with fluid distortion effects (WebGL + PixiJS and GSAP)
  

CSS

• Slack.com Update : CSS Grid Optimized for Performance and Availability
• FOIT vs FOUT, an interactive comparison from Zach Leatherman
• How to effectively use Warnings and Errors in Sass
• Overview of the new reset from Bootstrap 4: Reboot.css
• How to write beautiful Sass code
• Effects that can be applied to an image using CSS
• 5 of the most annoying pieces in CSS . CSS cool, isn't it?
• The trap of using @supports in letters

• Experiments:
  • Pastel tentacles using CSS variables from Ana Tudor
  • Connect 4 on pure CSS
  • You can go quite far in creating a slider only on HTML and CSS
  • Creation of gallery of images on CSS (with fallback)
  

Javascript

• Theory:
  • Using the advantages of TypeScript in JavaScript development
  • "Strict" JavaScript: why and who needs it
  • Understanding asynchronous programming
  • JavaScript got better until I followed him . A small retrospective and review of functions that have appeared recently
  

• Practice:
  • Challenge: writing a javascript program without variables
  • Implementing Service Worker for SPA on WordPress
  • Better debugging code with conditional breakpoint
  • How do I (not) use jQuery
  

• ES2015 +:
  • Javascript es8 and transition to async / await
  • Introduction to frequently used features of ES6. Part 1
  • Asynchronous structures: why await wins .then ()
  • "Exploring ES2016 and ES2017" online book from Dr. Axel rauschmayer
  • ES6 for beginners: Promises
  • Memory leaks when using JavaScript Promise
  • The newest version of javascript has only two new features. And that's how they work
  • How you can use ES6 arrow functions to make it easier to read your JavaScript code.
  • How JS works: event loops and asynchronous programming sunrise plus five ways to improve code with async / await
  

• VueJS:
  • Vue 2.5 release
  • Why and how we migrated from AngularJS to VueJS
  • Web development with VueJS is pretty darn funny
  • Vue.js Tutorial: From jQuery to Vue.js
  • Offline First Masonry Grid on Vue
  

• React:
  • React, built-in functions and performance
  • Configure Webpack, Babel and React from scratch
  • React templates you should be aware of
  • Ring UI - Web UI Components for JetBrains React
  • Redux basics
  • React-Sight - visualization tool for React, with support for Fiber, Router (v4) and Redux
  

• Angular:
  • All Angular CLI commands and their purpose.
  • Getting started with Angular
  • Improving performance with new updateOn option in Angular v5
  

• Libs & Plugins:
  • Interesting JavaScript libraries created in China
  • Taucharts One - high-performance graphics with time slices
  • ProseMirror 1.0 - an engine for creating WYSIWYG editors
  • smooth-scrollbar - customizable, expandable and productive scroll bars
  

Entertaining

• GitLab received $ 20 million investment in the C series, Matt Mullenweg joined the board of directors
• How Yandex created Alice
• Microsoft recognized the slow death of Windows 10 Mobile
• “Vkontakte” is 11 years old! Recall how the social network has changed.
• Facebook eavesdrops you, then to slip the advertisement. Myths and legends of the largest social network of the planet
• Gutenberg, Theseus ship
• Microsoft will teach children and teens programming with Minecraft
• Google's chief cloud specialist: “Machines need to gain an understanding of the context”
• How Satya Nadella created a new Microsoft
• Interview about the internship on Facebook: the process from the inside, tips on preparing
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 last week
Material prepared by dersmoll and alekskorovin