Digest of fresh materials from the world of the frontend for the last week # 442 (November 16 - 22, 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     |    Browsers



Media



β€’ podcast CSSSR News 512: Angular 11, .NET 5.0, security releases, Container Query in Chrome, Bloomberg switches to TS, werf.io

β€’ podcast Make Me Pretty podcast # 50 - All Roads Lead to Booking

β€’ podcast Podcast β€œ Frontend Youth "# 164: Peasant test suite



Web development



β€’ habr Modern HTML starter template

β€’ habr Front-end developer: 10 directions to develop in 2021

β€’ habr Oscilloscope in the browser

β€’ ru Standardization of <select> and not only: the past, present and future of native form elements

β€’ ru 9 new browser features of 2020, Which you probably didn't know about

β€’ ru Unit Testing: Best Practices

β€’ ru 1 Backend, 5 Frontends - Todo List with Rails, React, Angular, Vue, Svelte and jQuery

β€’ ru Backend or frontend, who owns the API orchestration layer?





  • β€’ Google WebP 2

    β€’ ru GTmetrix Lighthouse

    β€’ ru Google Lighthouse: vs.





  • β€’ ru Blink Renderer

    β€’ ru 10 -

    β€’ ru





  • β€’ ru Β«UI Interactions & Animations Roundup #12Β»

    β€’ ru WebGL CurtainsJS





CSS



β€’ habr A complete visual guide-cheat sheet for Flexbox and Grid + tutorial

β€’ habr Languages ​​that almost became CSS

β€’ video Where to use flexes, and where are grids? Spoiler alert: wherever you want

β€’ ru Tailwind CSS v2.0 release

β€’ ru Color Theming with Custom CSS and Tailwind Properties

β€’ ru What's New in Tailwind 2.0

β€’ ru Complete Guide to CSS Gradients

β€’ ru Dynamically sized sticky sidebar in HTML and CSS

β€’ ru Create responsive components with transparency

β€’ ru Thinking outside the box with CSS Grid



JavaScript



β€’ ru TypeScript 4.1 announcement

β€’ ru The most accurate way to schedule a function to run in a web browser

β€’ ru Cases of weak dependencies in JS

β€’ ru How to create a JavaScript PDF Viewer



  • Theory

    β€’ habr Dependency injection (dependency injection) through properties-functions in JavaScript

    β€’ habr JavaScript: what awaits us next year

    β€’ ru Three main new features of JavaScript ES 2021 (ES 12) that excite me

    β€’ ru What is the difference between Event Handlers and addEventListener in JS ?

    β€’ ru How to use Map, Filter and Reduce in JavaScript



  • React

    β€’ habr REACT + JEST = TDD ️

    β€’ ru 7 JavaScript, , React

    β€’ ru useRef() React

    β€’ ru React

    β€’ ru React

    β€’ ru React.useEffect



  • Vue

    β€’ Vue

    β€’ ru Vuex

    β€’ ru Ionic Vue: UI Vue 3

    β€’ ru React vs Vue – (2020 Update)



  • Angular

    β€’ ru : Angular

    β€’ ru Ivy

    β€’ ru Angular RxWeb

    β€’ ru GitLab pipeline Angular. 1



  • Ember

    β€’ ru The Ember Times β€” Issue No. 168

    β€’ ru ember-mirage-gen

    β€’ ru Ember 2015 , 2020 .

    β€’ ru @tracked @cached?



  • Svelte

    β€’ ru Svelte TypeScript



  • Libs & Plugins

    β€’ ru ThreeJS

    β€’ ru ts-standardx β€” TypeScript JavaScript.

    β€’ ru upptime β€” - GitHub

    β€’ ru Harold β€” CLI-,





β€’ habrModern Chrome Web Browser Device: (part 1/4) , (part 2/4) , (part 3/4) , (part 4/4)

β€’ habr Firefox 83 introduced HTTPS only mode

β€’ Firefox 83 released

β€’ Mozilla donated Servo engine to the Linux Foundation

β€’ Google unveiled Chrome 87 - the latest browser update this year with "the biggest performance gain in years" and new features

β€’ A bug in Firefox could steal cookies from an Android device

β€’ ru Throttling tabs and other performance improvements in Chrome M87



Last week's digest...

Material prepared dersmoll and alekskorovin .



All Articles