Frontend Weekly Digest (11-17 mars 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

• Un frontend sans JavaScript
• Planification d'images réactives
• Il y a 30 ans, le monde a changé pour toujours
• KV Storage: le premier module intégré du Web
• Accessibility Insights est un nouvel outil de test # a11y qui vous donne des informations rapides et exploitables sur les problèmes d'accessibilité de vos produits
• Ajout d'une prise en charge de première classe pour le chargement différentiel de scripts

• Performances:
  • Annonce de Lite Pages pour Chrome: une expérience de chargement plus rapide pour les utilisateurs sur des réseaux * très * lents. Activation via Data Saver pour un pré-rendu de serveur plus intelligent et une hiérarchisation des sous-ressources de page. Fonctionne sur HTTPS.
  • Donner du sens aux pages Chrome Lite
  

• Outils:
  • Sublime Text 3.2 est sorti! Git intégré et toujours ultra rapide
  • Comment utiliser Chrome comme IDE
  

CSS

• WebP en CSS - Plugin PostCSS et petit script JS (128 octets) pour utiliser WebP en arrière-plan CSS
• Comment démarrer avec CSS Grid
• Conception d'une unité de rapport hauteur / largeur pour CSS
• Le débogage CSS est difficile
• instructions if et for boucles en CSS
• Comment manipuler les couleurs CSS avec JavaScript
• Refonte de nos documents - Partie 4 - Création d'une architecture CSS évolutive
• Pourquoi ne puis-je pas définir la taille de police d'un lien visité?
• Les normes Web rencontrent les utilisateurs: utiliser CSS-in-JS pour styliser les éléments personnalisés
• Premiers pas avec PostCSS en 2019
• Déplacement du menu de navigation souligné

Javascript

• Node.js Foundation et JS Foundation fusionnent pour former OpenJS Foundation
• Mise à jour sur les fonctionnalités expérimentales dans Node.js
• GraphQL en profondeur: quoi, pourquoi et comment
• Comment j'ai ruiné mon code JavaScript et quand même remporté le Coding Challenge
• JavaScript en 14 minutes

• Théorie:
  • Conversion des rappels en promesses
  • Lorsque "Zoë"! == "Zoë". Ou pourquoi vous devez normaliser les chaînes Unicode
  • 7 astuces avec des objets JavaScript de repos et de propagation
  

• VueJS:
  • Comment remplacer jQuery par Vue
  • Comment configurer une recherche d'interface utilisateur réactive dans Vue.js
  • Vue a11y - Projet communautaire Vue.js pour améliorer l'accessibilité du Web.
  

• Réagissez:
  • React Hooks: comment démarrer et créer le vôtre
  • Ajouter des animations aux applications React avec React-Lottie
  • Structure de fichiers optimale pour les applications React
  • Vous n'avez pas besoin d'un cadre sophistiqué pour utiliser GraphQL avec React
  

• Angulaire:
  • Mettre à niveau automatiquement les modules paresseux pour Ivy!
  • Implémentation du téléchargement de fichiers en utilisant Node et Angular
  • Création d'applications angulaires et réactives avec Nx
  

• Libs et plugins:
  • Pourquoi vous ne devriez pas utiliser Moment.js ...
  • promise-utils: utilitaires sans dépendance de type Lodash pour les promesses natives ES6
  • asynchrone parallèle / série foreach en JavaScript
  • lax.js - Plugin javascript vanille simple et léger (2 ko minifié et zippé) pour créer des animations fluides et magnifiques lorsque vous faites défiler
  

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é.