Digest de matériaux frais du monde frontal pour la semaine dernière # 433 (14-20 septembre 2020)

Nous portons à votre attention une sélection avec des liens vers de nouveaux matériaux de la zone frontale et autour d'elle.

Médias     |    Développement Web     |    CSS     |    JavaScript     |    Navigateurs     |    Divertissant

Médias

• Podcast "Web Standards" n ° 248. Safari 14, Mission PostCSS 8, Moment.js Everything, React et Web Components, une histoire de deux sélecteurs de couleurs

• UnderJS Podcast # 26 - Delightful Release (React 18, GraphQL, RN 0.63)

• Frontend Youth (18+) # 155: TypeScript pour un citron

• Podcast "Make Me Beautiful", Issue # 44: Ne vous inquiétez pas, c'est sûr

• Podcast "Web Standards" 247. Edge, navigateurs, AVIF, générateurs de statiques, mathématiques pour le frontend, Habr, lecture, traductions

• Podcast CSSSR : Security releases NodeJS, Ruby 3, analyse AVIF, compilateur Erlang JIT, Web Skills, Laravel 8

• Blog vidéo de Vadim Makeev # 34. Type.Aujourd'hui, base64, polices et sous-ensembles

développement web

• API de cryptographie Web: étude de cas

• Facteurs de classement Google qui auront un impact sur la recherche en 2021: Core Web Vitals, EAT ou AMP?

• Une sélection de sites créatifs "Inspirational Websites Roundup # 18"

• Outils
  
  • Version PostCSS 8.0 «President Ose»: nouvelle API de plug-in, taille de node_modules réduite, prise en charge améliorée de la carte source et améliorations de l'analyseur CSS.
  
  • PostCSS 8.0: Guide de migration des plugins
  
  • BGJar - Générateur d'arrière-plan svg gratuit pour vos sites
  
  • Fonctionnalités cachées de Chrome DevTools
  
  • Les outils ne doivent pas seulement être réservés aux experts - ils doivent nous transformer en eux
  
  

• 
  
  • : , ,
  
  • instant.page
  
  • webpack
  
  

• 
  
  • HTML CSS ,
  
  • .
  
  • 5
  
  

CSS

• Centrage en CSS

• Comment utiliser les masques en CSS

• Comment utiliser le découpage CSS

• Apprendre les transformations et la perspective CSS 3D

• Introduction à l'animation CSS

• Min, Max et Clamp

• Fonctionnalités des médias d'interaction et leur potentiel

• «Les sélecteurs / combinateurs CSS sont lents, - rapide »- Ils vous ont menti!

JavaScript

• Nous travaillons avec des requêtes multimédias via JavaScript

• Une image qui est également du code Javascript

• Glisser-déposer en utilisant l'interpolation linéaire en JavaScript

• Programmation réactive pratique avec RxJS

• Feuille de triche pour les nœuds HTML5: 21 API à connaître en 2020

• Comment nous avons écrit le framework d'interface utilisateur JavaScript le plus rapide, encore une fois

• Théorie
  
  • JavaScript et TypeScript: 11 constructions compactes à connaître
  
  • Secrets de fonction JavaScript
  
  • JavaScript: portée en mots simples
  
  • Comment utiliser Fetch avec async / await
  
  • Maîtriser les symboles JavaScript ES6
  
  

• React
  
  • React 17: ?
  
  • React Microsoft Office
  
  • WebGL React
  
  • React Query —
  
  • React Components
  
  • React Framer Motion
  
  • Wouter: React Router
  
  • Next.js
  
  • Next.js — Gatsby, Gridsome Nuxt?
  
  • 6 React Hooks
  
  

• Vue
  
  • Vue.js 3.0 «One Piece
  
  • Eleventy Vue — Netlify.com
  
  • Nuxt: Offline First PWA Tutorial
  
  • Vue Flow Form — , Vue.js
  
  • Virtual DOM
  
  • Nuxt SSR
  
  • Vue.js Global Live Online 2020
  
  

• Angular
  
  • 5 Angular
  
  • GraphQL Angular:
  
  • Cypress Angular
  
  • Angular route guards RouterTestingModule
  
  

• Ember
  
  • Création d'interfaces utilisateur robustes avec Ember.js à l'aide de Statecharts
  
  • Application Web progressive utilisant Ember
  
  

• Svelte
  
  • Svelte <3 TypeScript
  
  • Composant Svelte réutilisable pour vos mises en page
  
  

• Libs & Plugins
  
  • Arrêtez le développement de la bibliothèque Moment.js, qui compte 12 millions de téléchargements par semaine
  
  • Apprenez date-fns: une bibliothèque légère pour travailler avec des dates en JavaScript
  
  

Navigateurs

• Une nouvelle version du navigateur Safari 14 a été publiée avec un travail amélioré des onglets

• Vulnérabilité dans Firefox pour Android, vous permettant de contrôler le navigateur via le Wi-Fi partagé

Divertissant

• Mozilla arrête le développement de Firefox Send et Firefox Notes

• Mozilla lance un service de suivi du «contenu offensant» dans les recommandations de YouTube

• L' attaque de piratage a causé la mort humaine pour la première fois

• Pourquoi le démarrage bruyant Slack est devenu ennuyeux - et c'est correct

• Sept mythes de programmation

• Microsoft a parlé des résultats de l'expérience avec les serveurs sous-marins

• En quoi la programmation d'aujourd'hui est-elle différente de la programmation d'il y a 20 ans?

• Facteurs de classement dans la recherche locale Google dans le résumé de la



semaine dernière 2020 .

Matériel préparé par Dersmoll etalekskorovin .