The digest of fresh materials from the world of the frontend for the last week No. 362 (April 22 - 28, 2019)

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

• Podcast “Web Standards” , Issue # 172: Events of the Year and Frontend Conf in Moscow, why be in the PC, reports and the festival
• “Make Me Beautiful” podcast , Issue # 15 - Valim from the Frontend and Chrome Monopoly
• Devschacht podcast # 77 - Benefits from timlid mitaps and Node.js 12
• Devschacht podcast # 76 - What is sound design and how is it taught in Finland
• Podcast "CSSSR" : News 512 - Issue №48 (April 20 - April 26)
• ALL YOUR HTML, # s2e11 : Animation "Thanos" on google.com
• proConf # 11 : Frontend Developer Love 2019
• FrontSpot Show # 6 : JS Developer Development

Web development

• Web components: 9 projects worth knowing in 2019
• Should the front-end developer be able to write backends?
• CORS Tutorial: Cross-Origin Resource Sharing Guide
• Commit Posting Guide
• HTTP headers for responsible developers
• Why page speed estimates can be dangerous.
• Proper naming to improve accessibility
')

• Instruments:
  • Transition from Gulp to Parcel
  • Using Parcel as a bundler for React apps
  • How do I customize VSCode for everything
  • Top 5 Online IDE for JavaScript 2019
  • bento-starter - Open-Source Full-Stack Solution for Rapid PWA Development
  

CSS

• Grid or Flexbox?
• Create a widget using custom CSS properties: embed a custom link to the NHL website
• Striking CSS Grid Area
• How auto-fill and auto-fit work in CSS Grid
• CSSbattle lessons . Ilya Streltsyn shares the secrets of victories
• You just need to know these properties to start loving CSS.
• CSS Reference: A Handy CSS Developer Guide
• Has CSS finally come of age?
• How to create a filter component in pure CSS
• Diagonal Containers in CSS
• Tailwind CSS: Is it the bootstrap of tomorrow?
• Progressive font enrichment: rethinking web performance
• Relative size using EM
• New Sass Docs Documentation

Javascript

• Using JavaScript console in browsers
• Deno - the new Node.js?
• Svelte 3: Rethinking Reactivity
• Release of the JavaScript server platform Node.js 12.0
• JQuery fixed vulnerability prototype pollution
• How to validate your GraphQL queries with ESLint
• How to use getters and setters in javascript
• Introduction to Storybook: Organizing How You Create JS Components
• How to create workable JavaScript specs
• Design Patterns Game - A game to test your ownership of popular design patterns implemented in JavaScript.
• Faster input field events with the first Facebook contribution to the browser API

• Theory:
  • Fibonacci at the interview
  • Do I need to clean the string in javascript?
  • Switch functions explained by the example of the descent from the hill
  • Discover the MutationObserver API
  • Common JavaScript pitfalls
  

• React:
  • React on λambda
  • React Life Cycle
  • Creating an AMP version of a site using React & Next.js
  • The release of the Create React App 3.0, along with new functionality, including hook support
  

• Angular:
  • Building the structure of the project enterprise level on Angular
  • Practical RxJS and Angular
  • Angular 8: first release candidate released
  

• VueJS:
  • A simple photo app on Vue.js, Axios and Flickr API: Part 1 , Part 2 , Part 3
  • Component thinking in Vue.js
  • Discover the power of closures in VueJS
  

• Libs & Plugins:
  • How to create a music bot using Discord.js
  • glicky: browser task loader for modern web development
  • Uppy 1.0: your best friend for uploading files
  • faast.js: easy work with group serverless calculations
  • reattempt: give your functions a repeat chance
  

Browsers

• Release Chrome 74
• In a stable version of Chrome 74, there was a dark design and protection from the discovery of incognito mode by sites
• What's new in DevTools (Chrome 75)
• New in Firefox 66: CSS Grid Animation

Entertaining

• Microsoft employees supported the GitHub repository, which may be closed under pressure from Chinese authorities
• OpenAI Introduced AI Orchestra - MuseNet Neural Network
• Mozilla refuses IRC as a platform for communication.
• Google has provided a selection of search engines and browsers for European Android users.
• Phishers use github for fraudulent transactions
• Worst UI volume control
• Why blur badly hide sensitive information
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 .
The material was prepared by dersmoll and alekskorovin .