Frontend Weekly Digest (28 janvier - 3 février 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

• HTML, CSS et nos points d'entrée de l'industrie en voie de disparition
• CSS et JS sont en guerre, voici comment l'arrêter
• Le HTML est et a toujours été une cible de compilation - pouvons-nous y faire face?
• Google Play Store est désormais ouvert pour les applications Web progressives
• La «backendification» du développement frontend
• Un aperçu des propositions les plus intéressantes pour la plate-forme Web liées aux composants Web

• Performances:
  • «La joie d'optimiser les images» par Una Kravets - Une vidéo de l'événement en dehors
  • Bande passante ou latence: quand optimiser pour lequel
  • Optimisation de la vitesse des pages: mesures, outils et améliorations
  • Amélioration des performances des polices Web: une étude de cas
  

• Outils:
  • tris-webpack -ilerplate - Un webpack standard pour sites Web statiques qui dispose de tous les outils et optimisations modernes nécessaires intégrés
  • 11 extensions JavaScript géniales pour Visual Studio Code
  • Nouveautés de DevTools (Chrome 73)
  • Nouveau dans Firefox DevTools 65
  

• Accessibilité:
  • Utilisation de l'intelligence artificielle pour générer du texte de remplacement sur les images
  • Outils et stratégies pour développer des applications Web accessibles
  • Comment figurez-vous?
  

• Animations:
  • Animation de vague de bâtiments avec Three.js
  • Déconstruction de WebGL Taotajima.jp
  • Effets de curseur personnalisés
  

CSS

• Position CSS collante - Comment ça marche vraiment!
• Un regard sur la césure CSS en 2019
• Les nombreuses façons de modifier un remplissage SVG en survol (et quand les utiliser)
• CSS-in-JS et rendu statique
• CSSans Pro - La police CSS colorée, impertinente
• CSS WordArt
• Grille CSS: feuille de calcul Excel
• Animation CSS: Carte du Maraudeur

Javascript

• Nouvelles versions: TypeScript 3.3 , Babel 7.3 , Jest 24
• Future JavaScript: qu'est-ce qui manque encore?
• Statique vs unité vs intégration vs test E2E pour les applications frontales
• React vs Angular: une comparaison approfondie
• Trois autres façons de visualiser l'état de JavaScript
• Plonger plus profondément dans les objets JavaScripts . Un aperçu des descripteurs d'objets JavaScript

• VueJS:
  • 7 problèmes que vous pouvez éviter en utilisant Nuxt.js pour votre prochaine application Vue
  • Optimisation des performances de l'application Vue.js: partie 1 - Introduction à l'optimisation des performances et au chargement paresseux.
  • Maîtriser les propriétés calculées dans VueJS
  • Comment construire un simple moniteur de médias sociaux avec NodeJS, GraphQL et Vue
  • Utilisation de Vue.js pour créer un tableau de bord météo interactif avec des API
  • Que signifie Vue 3.0 pour le développement Web?
  

• Réagissez:
  • Les (nouvelles) méthodes de cycle de vie React dans un langage simple et accessible
  • Réagissez en tant que Runtime UI
  • Créez des applications Web progressives avec React - Partie 1
  • addimated - Une bibliothèque d'animation déclarative toujours interruptible pour React
  • React Custom Scroll 4.0
  • 5 façons d'animer une application ReactJs en 2019.
  • Comment Gatsby est si rapide
  

• Angulaire:
  • Présentation de NG-VDOM: une nouvelle façon d'écrire une application angulaire
  • Construisez une PWA prête à la production avec Angular et Firebase
  • Tutoriel Angular 7 | 6: Création et soumission d'un formulaire
  • DI angulaire: apprendre à connaître le Ivy NodeInjector
  

• Libs et plugins:
  • flexsearch - Bibliothèque de recherche de texte intégral de nouvelle génération pour Browser et Node.js
  • readability.js - une version autonome de la bibliothèque de lisibilité utilisée pour Firefox Reader View
  • webaudio-synth: synthétiseur polyphonique Web Audio API
  

Navigateurs

• Firefox 65: prise en charge de WebP, Flexbox Inspector, nouveaux outils et mises à jour de plate-forme
• Modifications notables de WebRender et Gecko
• Navigateur de référence prêt pour les tests!
• Microsoft décide qu'Internet Explorer 10 s'est bien amusé: arrêt prévu pour janvier 2020