The digest of fresh materials from the world of the frontend for the last week №336 (October 22 - 28, 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 

---

Media

• Web Standards podcast, Events in Berlin, web components, PWA on the desktop, Styleguidist and JSS, CSS-in-JS.
• Podcast "Weekend a Frontend" # 76 - Ivan Bothans about how and why began to teach developers Angular'u
• Podcast «CSSSR» News 512 - Issue №26 (22.10 - 28.10)
• Podcast "Frontend Youth (18+)" # 70 Captain Hook and Cat
• Radiojs Podcast, Issue 53: Proposals, proposals, proposals or outcomes of the working meeting
• “Devshakhta Podcast”: # 54: Listen to HolyJS 2018 Moscow for a live video
• Vadim Makeyev # 7 video blog . KFC, SVG and excess base64, harmful type-availability
• JavaScript the Jabber 336: "of The the Origin of ESLint" with Nicholas Zakas
• the React Podcast # 26: Chill Out and the Listen with Brad Frost
• the Node Ukraine 2018 - Talks , 8 the videos
• the WSD in Kiev, 2018 , record online broadcast
• the React Conf 2018, 28 videos

Web development

• High-level architecture frontend. Yandex lecture
• Distribute and conquer: mailing layout then and now
• Pragmatic web accessibility rules that linger in your mind
• Typical site in 2018 , ironic demonstration, codepen edition , website edition

• Tools:
  • Using the animation inspector in Chrome developer tools
  • 10 console tricks for professional debugging
  • Annotated webpack 4 Config to develop the frontend
  • Siteaudit: audit your website (Pagespeed, Lighthouse, A11y) directly from the terminal
  

CSS

• Shapes generated using CSS background gradients.
• Creating proportional interfaces
• Compound HTML DNA using CSS selector attributes
• From normal to extraordinary with CSS animations
• Simplifying styling with functional CSS
• You are using <em> incorrectly
• Using dark mode in CSS with MacOS Mojave
• Incomplete list mistakes in CSS design
• 100 Days CSS Challenge

Javascript

• ES2018 - finally promise method
• API ReportingObserver: a look at the code of web pages from a new point of view
• Node.js 11.0 was released with support for the V8 7.0 engine
• The State of JavaScript . Interview with Addy Osmani about the current state of JavaScript on the web
• How to reduce the impact of JavaScript on the load time of your page
• How to create custom markers for Google Maps using HTML & CSS, ES6 classes and closures
• 3 JavaScript performance errors that you must stop doing
• GraphQL: PayPal Checkout Success Story
• Playing Mortal Kombat with TensorFlow.js. Transfer learning and data augmentation
• The Intl.RelativeTimeFormat API - handling dates and times relative to the current moment

• Theory:
  • Currying functions in JavaScript
  • 100 video lectures on programming
  • typeof Everything and duck misunderstandings
  • Understanding JavaScript type checking with typeof
  • Just about JavaScript: an honest introduction to Mocking, Stubbing and interfaces
  • Understanding high-order functions in JavaScript
  

• React:
  • What's new in React 16.6
  • React 16.6: React.memo () for Functional Components Rendering Control
  • Getting started with React Hooks
  • Using React Profiler for performance
  • Breaking React performance with Redux
  • Net functional components in React
  • Understanding Render Props and HOC
  • Functional React. Is it possible Exploring HOC Functional Programming Techniques
  • Creating Skeleton Components Using React
  

• Angular:
  • Angular 7 and virtual scrolling
  • Angular v7 is released, but 7.1.0 is on the way
  • Reactive angular forms in the real world
  • Internationalization in Angular and React applications - comparison
  • Isoline Routing in the Angular application using the HERE Routing APIs
  

• VueJS:
  • Shards Dashboard Vue
  • Using GraphQL mutations in Vue.js
  

• Libs & Plugins:
  • lazy-brush - smoothly draw lines with a mouse, finger or any device with a pointer
  • percollate: a command line tool that turns web pages into formatted PDFs
  • IronDB - backup key storage for the browser
  

Browsers

• Firefox 63: new Web Components API, font editor and animation suppression via CSS
• Firefox can be monetized by the built-in paid VPN add-on
• Firefox 63 browser has received Enhanced Tracking Protection to increase the privacy of surfing
• Mozilla will embed ProtonVPN subscription in Firefox , and at a higher price than directly through the site of the service
• What's new in Microsoft Edge in Windows 10 October 2018 Update

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 .