Frontend Weekly Digest (29 avril - 5 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

• Création de composants Web pour différents contextes
• Un guide pratique des outils SVG et de conception
• Les milliards de façons d'afficher un SVG
• Les moyens les plus simples de gérer le HTML incluent
• Comment configurer la vérification faciale en toute simplicité à l'aide de HTML5 + JavaScript
• Un complot pour tuer IE6

• Performances:
  • AMP dans WordPress, la manière WordPress
  • Récapitulatif des actualités AMP: AMP en tant que service, échanges signés, Bento, tremblement d'arbre CSS
  • Amélioration des performances Web de tiers chez The Telegraph
  

• Outils:
  • packtracker.io - Analysez votre pack webpack, à chaque commit
  • Comment configurer le débogueur pour l'extension Chrome dans Visual Studio Code
  

CSS

• Creuser dans la propriété d'affichage: génération de boîtes
• Revisiter prefers-reduction-motion, la requête média à mouvement réduit
• Oh, les nombreuses façons de faire des rubans de chapelure triangulaires!
• Implémentation d'une maquette: mise en page CSS étape par étape
• Création de triangles arrondis en CSS avec clip-path
• Créez une disposition de grille réactive sans requêtes de médias, à l'aide de CSS Grid
• Combinaison de la grille CSS avec la grille Bootstrap

Javascript

• Nouvelles versions: Babylon.js 4.0 , Electron 5.0.0 et jQuery 3.4.1 avec déclenchement d'événements de focus dans IE et recherche d'éléments racine dans iOS 10
• Les nombreuses façons d'obtenir des données dans des graphiques
• Création du nouveau facebook.com avec React, GraphQL et Relay
• L'introduction du développeur JavaScript à Crypto
• Optimisation des performances des applications JavaScript avec les travailleurs Web

• NodeJS:
  • Node.js v12 - Nouvelles fonctionnalités à ne pas manquer
  • Publication npm automatique facile
  • dotenv: charge les variables d'environnement à partir de .env pour les projets nodejs
  • 4 solutions pour exécuter simultanément plusieurs commandes Node.js ou NPM
  

• Théorie:
  • Une introduction à l'async de JavaScript et attend
  • Comprendre en profondeur Async JavaScript et attendre avec des exemples
  • Une introduction à Javascript pour les programmeurs expérimentés qui pourraient utiliser une forte dose de fondamentaux
  • Javascript Array.push est 945x plus rapide que Array.concat
  

• VueJS:
  • Passer de jQuery à Vue
  • Test de votre application Vue avec Jest et Travis CI
  • Modes de construction personnalisés avec Vue CLI 3
  • Gestion des états d'Apollo dans l'application Vue
  • Comprendre les mixins dans Vue JS
  • Gestion des erreurs dans Vue.js
  • Comprendre la mise en œuvre de la réactivité de Vue étape par étape
  

• Réagissez:
  • Réagir: JSX et rendu
  • Comment identifier et résoudre les rendus inutiles dans React
  • 5 choses que vous ne saviez pas sur React DevTools
  • create-react-app v3, Quoi de neuf?
  • Pages de chargement squelette avec React
  

• Angulaire:
  • Angular est-il en train de mourir à cause de React?
  • Comprendre les modules angulaires
  • Angulaire: problèmes récurrents auxquels je suis confronté en tant que consultant front-end
  • Qu'est-ce que la console angulaire et pourquoi vous devriez vous en soucier
  • Test et simulation des dépendances angulaires
  

• Libs et plugins:
  • shimport: utilisez des modules JavaScript dans tous les navigateurs, y compris les importations dynamiques
  • jquery-csv: un plugin analyseur jQuery CSV
  • aria-progress-range-slider: composant de barre de progression / curseur de plage entièrement accessible et léger
  

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