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
•
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
•
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
• 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
•
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
• 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
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers
Media
•

•

•

•

•

•

•

•


•


•

•

•


Web development
•

•

•

•

- 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.
•

•

•

•

•

•

•

•

Javascript
•

•

• Node.js 11.0 was released with support for the V8 7.0 engine
•

•

•

•

•

•

•

- 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
- 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 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
•

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 .