The digest of fresh materials from the world of the front-end for the last week No. 411 (April 13-19, 2020)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Media     |    Web Development     |    CSS     |    Javascript

Media

• CSSSR podcast: New Github, Three.js, SVG tariffs, frontendbookmarks, Vue 3 Beta.2, git and Oracle security releases
• UnderJS Podcast # 19 - Cypress, Material UI and just about OpenSource
• AvitoTech x FrontendConf 2019: videos from six Oleg Bunin conferences in 2019 and one in 2020
• Video from Odessa Frontend MeetUps # 14 and 15

Web development

• Browser on guard of API requests: building secure front-end communication with the back-end
• Working with images on the web
• Front-End Challenges: a selection of services where you can test your knowledge
• Creating a website with documentation using JAMstack
• JAMstack ecosystem [Infographics]
• Lessons extracted when creating PWA on COVID-19

• Tools
  • Puppeteer v3.0.0 release , now with Firefox support
  • Web developer workflow tools: beginner's guide
  • Visual Studio Code: advanced user guide
  

• 
  • HTTP/3 HTTP/2
  • WebPageTest Request Data
  • -
  • Performance Kit — , ,
  

• 
  • ARIA: role=progressbar aria-live=polite
  • - « » . -
  

• 
  • WebGL
  • JavaScript
  • - «Awesome Demos Roundup #15»
  • «ALL YOUR HTML» #s3e21, Particles animation by Étienne Jacob
  

CSS

• Interesting CSS finds in the new Facebook design
• LCH colors in CSS
• Inserting pseudo-random illustrations using CSS
• Using CSS to place text inside a circle
• Create responsive CSS Motion Path? Of course we can!
• CSS Animation Timeline: Creating the Goldberg Machine
• Limited CSS grids without max-width.
• Creating morphing animations using CSS clip-path
• CSS scrollbar with progress indicator
• Creating responsive layouts without using media queries

Javascript

• Touch support in JavaScript
• jQuery 3.5.0 release
• html5-boilerplate: github discussion, should jQuery upgrade to 3.5.1 or ... delete?
• JavaScript performance best practices
• TypeScript migration strategies
• 23+ advanced JavaScript interview questions (with answers)
• Frontend Shorts: how to create a tool to view link contents using React, Vue and Vanilla JavaScript

• Theory
  • The 8 most common data structures using JavaScript
  • Theoretical data structures and their application in JavaScript. P1. Pairs
  • 7 basic JavaScript concepts explained simply
  

• React
  • React —
  • . React Hooks
  • CSS React
  • 2020 : NextJS vs Gatsby
  • React
  • react-tater — React
  

• Vue
  • Vue Composition API
  • Vue Composition API Vue Mixins
  • Vue 3 Beta
  • Vue.js?
  • Vue — Vue
  

• Angular
  • Angular. ESLint, codelyzer, stylelint, husky, lint-staged Prettier
  • Nginx Angular
  • Scully Tutorial: Angular
  • Angular
  • Angular Ivy —
  

• Ember
  • The Ember Times — Issue No. 144
  • Todo Ember Octane , React
  

• Svelte
  • Svelte & Sapper
  

• Libs & Plugins
  • Redaxios — (800 ) fetch API, axios
  • Builderz — Zero Configuration JavaScript Bundler
  • Alpine.js
  • mdjs —
  

/ . — , .

Last week's digest .
Material prepared dersmoll and alekskorovin .