The digest of fresh materials from the world of the frontend for the last week №335 (October 15 - 21, 2018)

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

• Web Standards podcast, Release # 142: Safari and Edge, performance budget, new HTML tags, Kiev community, who are Kotans ?, Release # 143: Chrome 70 and WebKit 2019, proportional rubber, GitHub Actions, Adobe Fonts , ES6 weaknesses, frontend in Odessa.
• Podcast "Frontend Weekend" # 75 - Nikita Dubko on how to rapidly pump his career for a frontend developer in a year
• Podcast "CSSSR" News 512 - Issue number 25 (15.10 - 21.10)
• Podcast "Frontend Youth (18+)" # 69 Java does not have time for JavaScript , # 68 Granny became Olympic champion in frontend

Web development

• Google completely abandoned the ajax scanning scheme
• History of frontend frameworks
• How does frontend debt grow?
• Smart banding: how to give out obsolete code to old browsers
• Wonderful world of browser performance - how to be productive
')

• Tools:
  • GitHub announced its own CI / CD and began distributing invites.
  • We pump up debugging skills using the Chrome developer tools (part 1)
  • Typekit now adobe fonts
  

• Animation:
  • How Facebook 3D Photos works
  • The effect of targeting in the form of looped images
  • SVG Marching Ants - the effect of running along the points
  • Experimenting with SVG Menu with viewBox Zoom
  

CSS

• Flexbox usage examples
• CSS: interesting border-radius features
• The appearance property and the standardization of styles of form elements: a new hope
• Web typography
• Negative lines in grids
• Use function definitions, conventions, and groups with selectors
• Stylization of a block with speakers in Gutenberg
• CSS Layout Handbook on MDN

Javascript

• TypeScript magic school: generics and type extensions
• John Muller advises optimizers to learn JavaScript
• 0-day bug in popular jQuery plugin exploited for at least several years
• 33 concepts that every JavaScript developer should know
• Testing Javascript - find out the most effective way to test any JavaScript application
• JS Party podcast - Episode # 48: Foundation foundations (live at Node + JS Interactive)

• Theory:
  • JavaScript timers: all you need to know
  • A complete guide to execution contexts, surfacing, scopes, and closures in JavaScript
  • Cribs on promises and async / await
  • Understanding Currying in JS
  • Understanding JavaScript Design Patterns
  

• VueJS:
  • How to learn Vue.js in 2018
  • The Vue Ecosystem Is Growing ... Just Like React
  • Advanced Vue Debugging: Detective Story
  • gridsome - Vue-framework for static sites on Vue.js & GraphQL
  • How to import a Sass file to any component of a Vue application
  • Lazy Loading Images with Vue.js and Intersection Observer directives
  • Kanban board on Vue.js: adding PWA feature
  

• React:
  • Redux architecture. Yes or no?
  • How to become a React developer in 2018
  • Interview for the position of developer React from the point of view of the recruiter
  • The final release of styled-components v4
  • Styled components V4: good, bad, and something completely different
  • How to apply SOLID principles in React applications
  • Creating a 100% Type-Safe React Application on Vanilla JavaScript
  • Profiling React Components with User Timing API
  • React Podcast 25: Make Brilliant Messes with Diana Mounter and Emily Plummer
  

• Angular:
  • Angular has been updated to version 7.0
  • Angular Version 7 - CLI Prompts, Virtual Scroll, Drag and Drop, and more
  • Want to learn Angular? Here is a 33-piece free Dan Wahlin course.
  • Creation optimized for search engines PWA on Angular - Part 2
  • Key findings after AngularMix 2018
  • All about Angular Bindings
  • Professional publication Angular libraries
  • How to migrate from angular 6 to 7
  • Virtual Scroll with Angular CDK - what's new in v7
  

• Libs & Plugins:
  • 5 open-source HTML5 video players for 2018
  • omi: a new generation web framework of just 4kb javascript (Web components + JSX + Proxy + Store + path updates)
  • Tea-School.js - generating a PDF file from HTML / CSS in Node.js
  • Colorblindly is an accessibility tool that helps developers understand how their color-blind website sees them.
  

Browsers

• Chrome 70 supports [feature list] and AV1 - why is support for this codec so important?
• Chrome 70 came out with the ability to disable the notorious auto-authorization feature and support for PWA applications on Windows
• Modernize TLS Connections in Microsoft Edge and Internet Explorer 11
• Firefox, Chrome, Edge and Safari will stop supporting TLS 1.0 and TLS 1.1
• Mozilla experiments with adding paid VPN in Firefox
• Signs of "Opera". Jon von Techner on the ideology of the browser Vivaldi

Entertaining

• Twenty Nineteen: first look at the new default theme in WordPress
• Atlassian has released a completely redesigned Jira Software
• Google added integration of some Dropbox, Box, Jira and Egnyte services to Gmail
• Adobe Max 2018 and new design tools
• Google+ Dirty Lingerie: Confession of a former project employee who hated Google
• New Winamp will be introduced in 2019

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 .