Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 388 (4-10 novembre 2019)

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 jeunesse Frontend: # 114 Sortie chaleureuse avec Dan Abramov
• Podcast CSSSR: Nouvelles 512 - TypeScript 3.7, React Concurrent Mode, GraphQL API, Gitlab et Geopolitics
• Repozitorro # 33 - La revue de mise en page la plus complète

Développement Web

• Pourquoi l'utilisation de CSS et JS tiers sur votre site est dangereuse
• Transformez votre application existante en une application Web progressive
• Les 5 meilleurs conseils pour créer des applications (Web) sécurisées
• Apple essaie de tuer la technologie Web
• GraphQL: le documentaire (version russe)

• Les outils
  • Hypocrisie google. PageSpeed ​​Insights
  • Plus joli 1.19: l'option Vue tant attendue, TypeScript 3.7 et nouvelles fonctionnalités JavaScript
  • Comment optimiser pleinement le tremblement d'arbre de Webpack 4
  

• Performances
  • "Jackal": serrez le frontend
  • Chargement de script moderne
  • Pourquoi les tests de charge et les tests de performances devraient aller au-delà du temps de réponse des tests
  • Optimisation d'image pour les utilisateurs à faible réseau
  

• La disponibilité
  • Différenciez les styles de pointage, de mise au point et d'état actif.
  • Au-delà des tests d'accessibilité automatisés: six choses que je vérifie sur chacun de mes sites
  • Ce que j'ai appris sur l'accessibilité au SPA
  • aria-label n'est pas traduit
  • Comment l'accessibilité devient de plus en plus importante dans le développement Web
  

CSS

• Y a-t-il des nombres aléatoires dans CSS?
• Améliorez votre CSS avec ces 5 principes.
• Ne compliquez pas le CSS évolutif
• Variables CSS avec styles intégrés
• Certaines choses que vous devez savoir lorsque vous travaillez avec des unités de fenêtre
• Afficher le bouton de recherche lorsque le champ de recherche n'est pas vide
• Tutoriel sur la grille CSS: 13 conseils et astuces qu'un développeur Web doit connaître
• La puissance des processeurs CSS dans le développement d'applications Web
• Syntaxe avec deux valeurs d'affichage (et parfois avec trois)
• Truc d'animation par points sur la lettre «i»
• 8 filtres CSS pour les images avec un exemple de code
• PureCSS Lace : recréez un portrait en CSS pur

Javascript

• Typage d'API REST pour développeur frontend
• Axios vs Fetch - quoi utiliser en 2019
• Meilleures pratiques Node.js
• Nouvelles fonctionnalités JavaScript à venir à connaître si vous utilisez JavaScript tous les jours

• Théorie
  • Programmation fonctionnelle du point de vue d'EcmaScript. Fonctions pures, lambdas, immunité
  • Environnement Lexical et fermetures en EcmaScript
  • Même les enfants comprendront: une explication simple de l'async / wait et des promesses en JavaScript
  • En quoi l'héritage du prototype est-il différent de l'héritage classique?
  • Que sont les générateurs en JavaScript
  • Qu'est-ce que super () en JavaScript?
  • Briser les chaînes avec des pipelines en JavaScript moderne
  • Attributs de propriété JavaScript
  

• Réagir
  • Utilisation d'i18n avec l'API contextuelle Next.js et React
  • React Query - Crochets pour la récupération, la mise en cache et la mise à jour des données asynchrones dans React
  • Méthodes de cycle de vie, crochets, attentes: quels sont les meilleurs choix dans React?
  • 3 façons de créer votre propre bibliothèque de composants dans React
  • Expérimentation du nouveau mode Concurrent de React
  • 39 entrevues d'emploi Advanced React réponses que vous devriez clarifier aujourd'hui
  

• Vue
  • Prêt pour la production de SSR Vue: 5 étapes faciles
  • Enracinement automatique dans les applications sur Vue.js
  • Gestion des formulaires dans Vue.js
  

• Angulaire
  • Attributs complets et directives structurelles en angulaire
  • Google Maps est désormais un composant d'Angular
  • 26 meilleures questions dans une interview Angular 8 en 2020
  

• Ember
  • Support d'angle d'appel pour les composants imbriqués (3.10)
  • EmberFest 2019
  

• Libs et plugins
  • hybrids.js - composants web déclaratifs et fonctionnels
  • tenko - Analyseur JavaScript ES2020 conforme aux spécifications à 100%, écrit en JS
  • Proton: bibliothèque JS d'animation de particules légères
  • cashify: bibliothèque de conversion de devises, successeur de money.js
  

Navigateurs

• Dans les versions nocturnes de Firefox, le support de HTTP / 3 est apparu
• La version finale de Microsoft Edge sur Chromium sera livrée sans prise en charge ARM64, synchronisation de l'historique et extensions
• L'année prochaine, Firefox et Chrome commenceront à masquer les notifications contextuelles
• Préparation de vos sites pour le nouveau Microsoft Edge

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é par dersmoll et alekskorovin