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 "Frontend Weekend" # 76 - Ivan Botanov on how and why he started teaching Angular developers
• The podcast "CSSSR" News 512 - Issue №26 (22.10 - 28.10)
• Podcast "Frontend Youth (18+)" # 70 Captain Hook and the Cat
• Radiojs podcast, Issue 53: Proposals, proposals, proposals or the outcome of the working meeting
• “Devshakhta - Podcast”: # 54: What to listen to at HolyJS 2018 Moscow
• Vadim Makeev's video blog №7. KFC, SVG and excess base64, harmful type-availability
• JavaScript Jabber 336: “The Origin of ESLint” with Nicholas Zakas
• React Podcast # 26: Chill Out and Listen with Brad Frost
• Node Ukraine 2018 - talks , 8 videos
• WSD in Kiev, 2018 , record online broadcast
• React Conf 2018, 28 videos

Web development

• Upper-level architecture frontend. Yandex lecture
• Share and Conquer: Layout Layout Then and Now
• Pragmatic web accessibility rules that linger in your mind
• Typical site in 2018 , ironic demonstration, codepen edition , website edition
')

• Instruments:
  • Using the Animation Inspector in Chrome Developer Tools
  • 10 console tricks for professional debugging
  • Annotated webpack 4 Config for frontend development
  • Siteaudit: audit your site (Pagespeed, Lighthouse, A11y) right from the terminal
  

CSS

• Shapes generated using CSS background gradients.
• Creating interfaces with proportions
• Compound HTML DNA with CSS Selector Attributes
• From normal to extraordinary with CSS animations
• Simplify styling with functional CSS
• You are using <em> wrong
• Using Dark Mode in CSS with MacOS Mojave
• Incomplete list of CSS design errors
• 100 Days CSS Challenge

Javascript

• ES2018 - finally promis method
• API ReportingObserver: a look at the code of web pages from a new point of view
• Node.js 11.0 released with support for the V8 7.0 engine
• The State of JavaScript . Interview with Addy Osmani about the current state of JavaScript in 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 should stop doing
• GraphQL: PayPal Checkout Success Story
• We play Mortal Kombat with TensorFlow.js. Transfer learning and data augmentation
• The Intl.RelativeTimeFormat API - handling dates and times relative to the current moment

• Theory:
  • JavaScript Currying
  • 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
  • Pure functional components in React
  • Understanding Render Props and HOC
  • Functional React. Is it possible Learning functional programming techniques in HOC
  • Creating Skeleton Components with React
  

• Angular:
  • Angular 7 and virtual scroll
  • Angular v7 out, but 7.1.0 is on its way
  • Reactive angular forms in the real world
  • Internationalization in Angular and React Applications - Comparison
  • Isoline Routing in an 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: command line tool that turns web pages into formatted PDFs
  • IronDB - backup keystore for the browser
  

Browsers

• Firefox 63: new Web Components API, font editor and animation suppression via CSS
• Firefox may be monetized by the built-in paid VPN add-on.
• Firefox 63 Browser Enhanced Tracking Protection feature to increase the privacy of surfing
• Mozilla embeds a ProtonVPN subscription into Firefox, and at a higher price than directly through the service website.
• 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 .