Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 408 (23-29 mars 2020)

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

Médias     |    Développement Web     |    CSS     |    Javascript     |    Navigateurs

Médias

• Podcast "Web Standards" n ° 223. Safari, troisièmes cookies et vos coffres, Prettier, images rapides, vieilles astuces, auto en CSS
• Podcast CSSSR: News 512 - Angular 9.1, Prettier 2.0, CSS auto, pratiquez JS pur et apprenez la quarantaine
• UnderJS Podcast No. 18 - Yarn2 et un bug de longueur ...
• Devshahta / Night frontend: Monitoring node.js à l'aide d'une étude de cas intéressante
• Podcast «Frontend Youth (18+)» n ° 130: Le premier isolé
• Podcast «Web Standards» n ° 222. GitHub et npm, iPad avec curseur, URL, tableaux collants, User-Agent, mise en page des lettres, fermer les balises!
• Repozitorro # 39 - Design et Front-end
• Le CSS Podcast 003: Spécificité

développement web

• Architecture propre pour le front-end
• Nouveau moteur Google PageSpeed ​​Insights sur le moteur Lighthouse 6 (bêta): vérifiez les indicateurs de votre site
• Méthodes de traitement du code hérité sur l'exemple de GitLab
• Architecture front-end : Core
• Augmentation automatique des entrées et des champs de texte
• Moderne formats d'image: utiliser Webp en HTML et React
• Éliminer les vulnérabilités dans les dépendances npm en moins de 3 minutes
• Comment utiliser l'API de stockage Web
• Favicons: Emojis comme favicon , Lifehack de Chris Koyer: utiliser un autre favicon pour le développement
• Flux RSS frontaux (édition 2020)
• Bootstrap 5 refuse de prendre en charge IE 10 et 11: avec quoi allons-nous rester?

• Accessibilité
  • La conformité à l'ADA est un must pour les agences numériques, voici comment le faire
  • Pourquoi 2020 est l'année dont vous devez prendre l'accessibilité au sérieux: la Cour suprême ne plaisante plus et vous ne devriez pas
  

• Effets
  • Effets de l'animation des particules lors de la sélection de texte
  • Effets animés pour le curseur
  

CSS

• CSS: un guide complet de la fonction calc ()
• Combinaisons en CSS: propriétés personnalisées et :: sélection
• Expliquer les spécificités CSS du plan quinquennal
• Comment répéter du texte comme image d'arrière-plan en CSS en utilisant element ()
• Indication de la position du défilement sur une page en utilisant CSS
• Comment animer du texte à l'aide de SVG et CSS
• Styliser les barres de défilement à l'aide de CSS: une façon moderne de concevoir des barres de défilement

Javascript

• Inférence de types dans TypeScript en utilisant la construction as const et le mot clé infer
• Nouvelles fonctionnalités TypeScript qui améliorent la facilité de développement
• Aide-mémoire de sécurité: Nodejs
• DIY 3D. Partie 1: pixels et lignes
• Le projet CoreJS a rencontré des problèmes de support en raison de l'emprisonnement de l'auteur
• Les 14 meilleures conférences JavaScript pour participer en 2020
• Comment démarrer les tests unitaires du code JavaScript
• Comment utiliser les dernières fonctionnalités JavaScript dans n'importe quel navigateur
• VueJS vs ReactJS : qui gouvernera en 2020?
• Comment contrôler HTML DOM en utilisant uniquement du vanilla JavaScript?

• 
  •
  • JavaScript – map, reduce filter
  •  MDXJS
  

• React
  • react-redux, redux-saga
  • FuseBox React
  • Server-Side Rendering React — Redux
  • React: Gatsby
  • Airbnb Enzyme, React
  • React Firebase
  

• Vue
  • i18n Vue.js vue-i18n
  • , ref() Vue 3?
  • Vue.js — 3 ( VDOM)
  

• Angular
  • Angular
  • : MEAN.js AngularJS Create-React-App
  • 9.1 Angular — TypeScript 3.8,
  

• Ember
  • The Ember Times — Issue No. 141
  • Ember GraphQL
  • Ember Octane: Components
  • Ember Octane:
  

• Svelte
  • Pourquoi devriez-vous commencer à utiliser Svelte Js pour des projets Web si vous ne le faites toujours pas?
  • Une liste organisée avec des ressources sur Svelte JS
  

• Libs & Plugins
  • Présentation des lecteurs vidéo pour le Web
  • 9 meilleurs moteurs de jeu et bibliothèques JS en 2020
  • Rsup Progress - Un petit indicateur de progression qui prend en charge les promesses
  • jsSHA - Implémentation JavaScript de la famille complète Secure Hash Standard
  

Navigateurs

• Firefox introduit le mode «uniquement HTTPS»
• Dans Chrome 83, un paramètre apparaît pour afficher l'URL complète dans la barre d'adresse
• Google sautera la sortie de Chrome 82

Nous nous excusons pour toute faute de frappe ou lien rompu / dupliqué. Si vous remarquez un problème - veuillez écrire dans un e-mail personnel, nous essayons de le résoudre rapidement.

Digeste de la semaine dernière .
Matériel préparé dersmoll et alekskorovin .