The digest of fresh materials from the world of the frontend for the last week №311 (April 16 - 22, 2018)

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

Media | Web Development | CSS | Javascript | Entertaining

---

Media

• Podcast "Web Standards", Release №117: Sketch in Avocode, new operators in ES, floats, flexes and grids, custom form elements, code style in React, scrolling tricks.
• Podcast "Frontend Weekend" # 49 - Alexey Kureev about React Native, life in Amsterdam and an interview on Facebook
• Podcast "Frontend Weekend" # 48 - Vova Barsukov about moving to Berlin and how to move from frontend-development to consulting
• Devshakht Podcast, Night Front End # 31: Uncle Bob's New Book
• Podcast "Frontend Youth (18+)": Release on wheels: React for stupid
• Podcast "Frontend Youth (18+)": From Amsterdam with love: Javascript - the basis of programming
• CSSSR Podcast, Release 1: News Pilot Secondary.
• "ALL YOUR HTML" # 45: "Striped objects on curves and shaders"
• Moscow SPA Meetup # 4 , 4 videos
• Render Conf 2018 , 15 videos
• JSConf AU 2018cd h , 15 videos

Web development

• Search engine optimization sites using SPA-applications
• I want to become a frontend developer: basic knowledge and training plan
• Design Checklist for creative web designers and stubborn front-end developers
• When to ignore 'mobile-first'
• Choose a responsive framework for writing letters: MJML vs. Foundation for Emails
• Replacing Animated GIFs with Video
• Creating a panning effect for SVG
• packagephobia - find out the price of adding each new dependency to the project
')

• Performance:
  • Mission Critical: CSS Optimization for CDN
  • <link rel = ”prefetch / preload”> in webpack
  • JS Performance Optimization: Overview
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 76
  • CSS Solar System Research
  • Creative slider in the scientific style
  • Dive into the matrix
  

CSS

• tricks with styles for focus
• A look at the viewport units in CSS
• CSS Variable Guide
• Hey hey `font-display`
• Best Practices for CSS Grid Layout
• Why not using CSS cascade is a problem?
• Swipe Viewport with CSS Snap Points: Creating Efficient Mobile Navigation
• 1 HTML element + 5 CSS properties = Magic!
• Creating smooth, sequential animation with Sass

Javascript

• An error in the JavaScript class has led to the generation of vulnerable keys for cryptographs
• Grasshopper - free software from Google developers, teaching the basics of JavaScript programming through mini-games
• Escape from hell async / await
• SvelteJS: Second Version Release
• What to expect from Node.js 10
• Designing very large (JS) applications
• How the components won the “framework war” . React vs Angular vs Vue: why it doesn't matter
• Point of view: Angular is doomed, React OK - you deserve better

• Manuals:
  • A simple tutorial on ES6 iterators in javascript with examples
  • Js decorators: what is it and when to use them
  • Ten Lodash functionalities that can be replaced using ES6
  • Quick start ESLint - look for errors automatically
  

• VueJS:
  • Adding loading indicators to the application on Vue.js
  • Create product previews in Amazon styles on Vue.js
  • Creating your own Vue.js router, four-part manual
  

• React:
  • 9 Tips to Improve React Application Code Quality
  • React Lazy Images - components and utilities for lazy loading images into React.
  • What are the higher order components in React?
  • React SPA with React-Router and React-Transition-Group modules
  

• Angular:
  • Angular - All reports from ng-conf 2018
  • Universal Starter Kit for Angular 6, based on @ angular / cli with SSR and HMR
  • Introduction to routing in Angular 5
  

• Libs & Plugins:
  • PicoJs - finding a face in a video
  • Slugify - converts a string (URL, file name, etc.) to a string separated by a dash
  • Mask for input fields for React, Angular, Ember, Vue, and Vanilla JavaScript
  

Entertaining

• Chrome 66 web browser release
• Amazon has released its mobile browser.
• New tools for developers of open source projects appeared on GitHub
• Intel suggests using a GPU to protect against Malvari
• Google has closed the option to use your domain as a proxy.
• Google freezes allo and bets on chat
• Microsoft translator with AI learned to work without the Internet
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 .