Frontend Weekly Digest (10-16 juin 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

• Présentation du nouvel élément HTML - bienvenue <clippy>!
• Animation interactive dans HTML Email
• Quand devriez-vous utiliser Web Workers?
• 7 vérités absolues que j'ai désappris en tant que développeur junior
• L'anatomie des formulaires accessibles: champs de formulaire obligatoires

• API:
  • API plein écran: comment passer en plein écran sur iPad Safari
  • L'API d'instabilité de mise en page . Détectez les changements de disposition inattendus en JavaScript.
  • JS Tidbits - API MediaStream
  

CSS

• L'état de CSS 2019
• Style dans les applications Web modernes
• Une nouvelle ligne de style terminal rompant avec le texte CSS
• Les périls du CSS fonctionnel
• Pourquoi la plupart des développeurs craignent CSS
• Animation de lignes et de colonnes de grille CSS
• every-layout.dev - Réapprendre la disposition CSS
• Dessiner des nuages ​​réalistes avec SVG et CSS
• Dimensions des éléments DOM et transformations CSS
• Rendre les tableaux réactifs avec un minimum de CSS

Javascript

• JSConf Hawaii 2019 , 9 vidéos
• JSConf EU 2019 , 17 vidéos
• Protocole de communication entre iframe et la fenêtre principale
• Tout ce que vous devez savoir sur la date en JavaScript
• Web Audio pour guitare électrique: comment connecter un instrument
• Liste des questions JavaScript (avancées)

• Théorie:
  • Muter ou immuter, telle est la question
  • L'anti-motif de réduction ({... spread})
  

• Réagissez:
  • Une plongée profonde dans Redux
  • Annonce des composants de style v5: mode Beast
  • Utilisation de Cypress pour écrire des tests pour une application React
  • Apprenez à réagir les crochets en écrivant votre premier crochet
  

• Angulaire:
  • Comment utiliser jQuery avec Angular (quand vous devez absolument le faire)
  • Apprenez angulaire et RxJS: compte à rebours
  • Tout ce que vous devez savoir sur Ivy, le nouveau moteur angulaire!
  • Plusieurs applications angulaires sur une seule page
  • Un regard en profondeur sur le modèle ng d'Angular
  • Un guide du chargement différentiel de Angular 8
  

• Braise:
  • Ember en 2019: démolir «nous et eux»
  • Améliorer votre DX sur Ember, partie 1: gains rapides
  • # EmberJS2019: Ma liste de souhaits
  • Le guide de test Ember.js, je l'ai fait pour moi
  • Types statiques dans EmberJs?
  

• VueJS:
  • Vue 3.0: ce que Evan You et Chris Fritz disent que vous devez attendre
  • Nouveautés de Nuxt JS 2.8.0
  

• Libs et plugins:
  • Pinker.js Une bibliothèque JavaScript autonome pour le rendu des diagrammes de code / classe sur votre page Web.
  • Javascript Library Boilerplate Basic - Kit de démarrage de bibliothèque minimal pour vos projets Javascript
  • Macro Decorators - Décorateurs pour les macros getter / setter!
  • fuzzyjs est un algorithme de recherche floue en javascript
  • Resize Observer - Un polyfill hautement performant et fidèle à la réalité pour observer les changements de dimensions des éléments.
  

Navigateurs

• Firefox: l'évolution d'une marque
• Mozilla dit que le service d'abonnement payant arrive sur Firefox
• Chrome 76 Beta: mode sombre, paiements, nouvelles fonctionnalités PWA et plus
• Installation de la barre d'adresse pour les applications Web progressives sur le bureau
• Reddit: développeurs Microsoft Edge AMA

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