Frontend Weekly Digest (21-27 janvier 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 | CSS | Javascript

Développement Web

• The Great Divide . Deux développeurs front-end sont assis dans un bar. Ils n'ont rien à dire.
• Ce que nous avons appris sur les tendances d'embauche de développeurs en 2019 en analysant 112 654 tests de codage
• Comment faire de la VR avec le web, une nouvelle série de vidéos
• Comment nous sommes passés de Wordpress à React et avons levé 80 millions de dollars

• Performances:
  • Questions d’utilisabilité des pages Web
  • Prélecture des liens à l'aide de Service Workers
  

• Outils:
  • Webpack: un voyage inattendu
  • Nouveautés de DevTools (Chrome 73)
  • Yarn's Future - v2 et au-delà
  • rrweb («enregistrer et rejouer le web»): un outil pour enregistrer et rejouer les interactions des utilisateurs sur le web.
  

• Animations:
  • Création de votre propre simulateur de gravité et d'espace
  • Effets de filtre SVG: contour du texte avec <feMorphology>
  • Les Animales 2019 - design et animations exceptionnels
  

CSS

• Modèles de conception de table sur le Web
• Animation de la grille CSS
• Flexbox.ninja - un site Web créé et hébergé par Geoffrey Crofte pour vous aider à mieux comprendre le module de mise en page CSS Flexbox
• Gradians and Turns: les héros tranquilles des angles CSS
• Votre boîte à outils de mise en page CSS pour 2019 - Rachel Andrew
• Firefox DevTools pour les auteurs CSS
• Tutoriel Houdini: Peinture CSS et propriétés personnalisées

Javascript

• Pourquoi chaque nouvelle application Web de PayPal commence par TypeScript
• Nouveautés de JavaScript pour 2019
• Plongée en JavaScript: comment créer un convertisseur de couleur Hex2RGB
• Trouver le personnage le plus récurrent

• TypeScript:
  • TypeScript ESLint - Monorepo pour tous les outils qui permettent à ESLint de prendre en charge TypeScript
  • La taxe TypeScript
  • TypeScript fonctionnel: norme TypeScript pour les fonctions sans serveur solides comme le roc
  

• Noeud:
  • Livres gratuits: Node.js
  • Top 7 des cadres Node.js pour les développeurs
  • Instrumentation des requêtes HTTP dans le nœud
  • Nith.js multithreading: que sont les threads de travail et pourquoi sont-ils importants?
  

• Théorie:
  • Comment utiliser la déstructuration en JavaScript (ES6) à son plein potentiel
  • Modèles d'itérateur JavaScript
  • Le guide ultime des algorithmes JavaScript
  • Qu'est-ce que le tremblement des arbres et comment ça marche?
  • 15 exemples JS utiles de map (), de réduire () et de filtre ()
  

• VueJS:
  • 10 conseils Vue.js Pro de Vue Masters
  • Comment savoir si Vue.js est le bon cadre pour votre prochain projet
  

• Réagissez:
  • Réagir 16.6.0 Goodies
  • Confirmation par e-mail avec React
  • Comprendre les accessoires par défaut de React
  • Comment développer vos super-pouvoirs React avec l'API Context
  • Utilisation d'éléments de contenu modifiables en JavaScript (React)
  • Comment comprendre les réducteurs: vous pouvez les utiliser sans Redux
  • Comprendre les fragments dans React
  • Pourquoi X n'est-il pas un crochet?
  

• Angulaire:
  • Angular 8: la 2e version bêta est ici et disponible en téléchargement
  • Angular 6 + Travis CI avec Chrome sans tête
  • Optimisation angulaire. Fonctions de tuyau mémorisées dans les modèles.
  • Faire apparaître magiquement les messages d'erreur de votre formulaire angulaire
  

• Libs et plugins:
  • Cartographie des eaux (pt. 2): une comparaison des bibliothèques de cartographie JavaScript
  • autoComplete.js - bibliothèque Javascript pure vanilla pure autocomplete simple
  • raccourci clavier: déclenche une action sur l'élément lorsque le raccourci clavier est enfoncé