Frontend Weekly Digest (6 - 12 mai 2019)

Cette semaine, nous publions une très grande sélection de toutes les nouvelles essentielles que vous pourriez avoir manquées sur le développement Front-end. Assurez-vous de vérifier les dernières mises à jour sur CSS, HTML et JavaScript.

Développement Web

• Favicons: peut-être la fonctionnalité Web la moins comprise
• Le nouveau googlebot à feuilles persistantes
• Chargement différé hybride: une migration progressive vers le chargement différé natif
• Composants de page Web SVG pour l'IoT et les créateurs (partie 1)
• Pourquoi, comment et quand utiliser HTML sémantique et ARIA
• Comment choisir le meilleur générateur de site statique pour votre projet 2019
• Pratique avec des portails: navigations transparentes sur le Web . Apprenez à créer une bonne navigation UX avec l'API Portals.

• Outils:
  • Registre des packages GitHub - Publiez facilement des packages publics ou privés à côté de votre code source.
  • Microsoft dévoile Windows Terminal, une nouvelle application de ligne de commande pour Windows
  • Utilitaire: convertir le chemin SVG en commandes tout relatif ou tout absolu
  

• Animations:
  • Histoire d'une animation: WebGL et non WebGL
  • Résumé des sites Web inspirants n ° 4
  

CSS

• css-only-chat - Un chat web asynchrone vraiment monstrueux n'utilisant aucun JS sur le frontend
• Mode nuit avec mode Mix Blend: différence
• Le guide de base de la spécificité CSS
• 4 raisons pour lesquelles votre z-index ne fonctionne pas (et comment y remédier)
• cssfx - Effets CSS magnifiquement simples en un clic
• Comprendre le placement de la grille en créant un tableau périodique HTML
• L’ annonce de Google Fonts prendra bientôt en charge la définition de «font-display» via un nouveau paramètre de requête
• CSS3 Transform - Visualiseur de fonctions de transformation CSS 2D et 3D
• Passer à une nouvelle ligne avec flexbox

Javascript

• Nouveautés de JavaScript (Google I / O '19)
• Google est-il prêt à rattraper son retard avec JavaScript?
• Ce que j'ai appris grâce à la rétro-ingénierie de la bibliothèque d'internationalisation d'Airbnb
• Quelques utilisations fonctionnelles pour l'observateur d'intersection pour savoir quand un élément est en vue
• Introduction à GraphQL
• Une vulnérabilité de déni de service découverte dans le package JavaScript Axios - affectant toutes les versions du client HTTP populaire

• Théorie:
  • 'laissez' moi être un 'const' (fourmi), pas un 'var' (iable)!
  • location = location ... et 534 autres façons de recharger la page avec JavaScript
  • La pensée derrière la simplification des gestionnaires d'événements
  

• VueJS:
  • Structuration des modules Vuex pour les relations, la vitesse et la flexibilité
  • Affrontement Vuex: Mutations vs les actions
  • Architecte d'une application Vue.js à grande échelle
  • Une solution complète pour un développement PWA rapide
  • Un guide pour configurer Vim pour le développement JavaScript
  

• Réagissez:
  • react-native-windows - Un cadre pour construire des applications Windows natives avec React
  • Vous ne devriez probablement pas utiliser React
  • Profilage des performances de votre application React
  • Réintroduction de React: chaque mise à jour de React depuis la v16 démystifiée.
  • Déploiement d'une application de création de réaction côté client sur Microsoft Azure
  • Modèles avancés dans React
  • React sur web.dev - Une nouvelle section sur web.dev pour aider les développeurs à créer des applications React rapides et performantes.
  

• Angulaire:
  • Angulaire - Tous les discours du ng-conf 2019
  • Utilisation de Renderer2 dans Angular
  • Introduction à la grille angulaire
  • Plongez rapidement dans la centralisation de vos données dans Angular avec ngrx / router-store
  

• Libs et plugins:
  • dinoql - Un langage de requête personnalisable de style GraphQL pour interagir avec des objets JavaScript.
  • cash: une alternative jQuery absurdement petite pour les navigateurs modernes
  • hybrides: composants Web à partir d'objets simples et de fonctions pures!
  

Navigateurs

• Microsoft Edge - Toutes les nouvelles de Build 2019
• Flash désactivé par défaut dans Chrome 76
• Dans la décision surprise de Microsoft de travailler avec Google sur son navigateur Edge

Merci d'avoir lu! N'hésitez pas à nous envoyer vos articles ou de nouveaux contenus utiles que vous souhaitez voir dans le prochain condensé.