Digest of fresh materials from the frontend world for the last week # 452 (January 25 - 31, 2021)

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

dfkbl

Media     |    Web Development     |    CSS     |    JavaScript     |    Browsers

Media

• Web Standards podcast # 266: Chrome 88, flexes, JS method at, CSS cascade control, Smart TV development, video on the web

• News 512 from CSSSR: Firefox 85, GitLab 13.8, Node.js 15.7.0, null and undefined, privacy GitHub Pages and Open Web Docs

• Podcast "Frontend Youth" # 171 Stay out of Vue courses while drinking smoothies in your open space

• Interview with Nikita Dubko from Yandex: current front-end developer skills

Web development

• What's wrong with WebAssembly?

• 8 Practical Web Developer Tricks - Apply Now!

• Components: Server-Side vs. Client-Side

• Best Practices for Managing and Keeping Secrets in Front-End Development

• Why You Should Use Picture Tag instead of Img

• Web Platform Hidden Gems - Battery Status API

• Sidebar Creation

• Creative Inspirational Websites Roundup # 22

• 
  
  • frontend-
  
  • Puppeteer Chrome DevTools
  
  • Developer Tools Edge VS Code - — VS Code Day
  
  • Cypress vs Selenium vs Playwright vs Puppeteer:
  
  • JS- Rollup.js
  
  

• 
  
  • ! Perceived Performance
  
  • - JavaScript Performance API
  
  • Yelp First Contentful Paint 45% Yelp Page Complete 25%, 15%.
  
  • -
  
  

• 
  
  • WCAG 3.0
  
  • ?
  
  • Amplitude
  
  • React «»
  
  

CSS

• What @ font-face really is

• How to understand the clip-path property in CSS

• New CSS aspect-ratio property, supported in Chromium, Safari Technology Preview and Firefox Nightly.

• How to select elements that are not children of other elements in CSS

• 5 fun games to learn CSS concepts

• Time to say goodbye to pixel units

• Minimum content size in CSS Grid

• Animation for CSS Gradient Border

• Form validation: you need: not ( : focus): invalid, not: invalid

• Switchable dark / light mode with preference definition in 15 lines of CSS

JavaScript

• We create our own rules for ESLint

• Interview for the position of Middle JavaScript developer: examples of tasks and necessary knowledge

• 10 bad TypeScript habits that should be abandoned this year

• Should JavaScript code be compiled?

• Fetch vs Axios: Which library is the best for making HTTP requests?

• 
  
  • JavaScript: . 1, , 2,
  
  • JavaScript?
  
  • (…) Javascript
  
  • , .
  
  • undefined vs. null,
  
  

• React
  
  • React
  
  • Context « »
  
  • Aleph — React Deno
  
  • React Snapshot Testing Jest:
  
  • styled-components.
  
  • Tao of React — ,
  
  • Redux. 1:
  
  

• Vue
  
  • Suspense — Vue 3
  
  • Vue JS WordPress
  
  • Renderless Vue
  
  • WYSIWYG markdown editor Vue
  
  

• Angular
  
  • Angular Language Service 2021
  
  • Angular
  
  • RxJS
  
  • map pluck RxJS,
  
  • 45 AngularJS
  
  

• Ember
  
  • The Ember Times - Issue No. 172
  
  • What about Ember?
  
  • How to create a search component with ember
  
  

• Svelte
  
  • Why I like Svelte
  
  

Browsers

• Vivaldi 3.6 - Taking it to the next level

• Mozilla killed progressive web applications in Firefox 85

• What really happens when a user types google.com into the browser

• Mozilla stops developing Voice Fill and Firefox Voice projects



Last week's digest ...

Material prepared dersmoll and alekskorovin .