Frontend Weekly Digest (19-25 août 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

• ampli-script: AMP JS
• Ce dont HTML6 a vraiment besoin (niveau de vie)
• HTML en option: tout ce que vous devez savoir
• Annonce de NodeGUI et React NodeGUI - Créez des applications de bureau natives avec Javascript et CSS

• Performances:
  • Chargement d'image plus rapide avec des aperçus d'image intégrés
  • Utilisation de rel = "preconnect" pour établir rapidement des connexions réseau et augmenter les performances
  

• API:
  • Synthèse vocale dans le navigateur avec l'API Web Speech
  • L'API Native File System: simplifier l'accès aux fichiers locaux
  

• Accessibilité:
  • Ce que Tumblr m'a appris sur l'accessibilité
  • Rapport sur les poursuites en matière d'accessibilité des sites Web et des applications ADA en milieu d'année . "Le taux de poursuites intentées devant les tribunaux fédéraux concernant l'accessibilité des sites Web et des applications a désormais atteint un taux d'une heure, soit 8 par jour, 40 par semaine et devrait suivre le rythme de plus de 2 000 poursuites cette année encore."
  • Top 5 des ressources pour l'accessibilité des applications Web
  

• Pratique:
  • Tic Tac Toe multijoueur avec GraphQL
  • Comment créer un jeu de réalité virtuelle multijoueur en temps réel (partie 1)
  • La réalisation d'un Favicon animé
  
  

CSS

• D'où proviennent les couleurs nommées CSS?
• Voici une liste des meilleures bibliothèques CSS frontales
• Pouvez-vous afficher les feuilles de style d'impression appliquées directement dans le navigateur?
• Élément de rebond autour de la fenêtre en CSS
• CSS peut le faire ... et c'est terrifiant!

Javascript

• Utiliser les fonctions du générateur JavaScript pour réduire l'utilisation de la mémoire
• Utilisation de modules JavaScript natifs en production aujourd'hui
• Anti-rebond et limitation en JavaScript
• JS: les choses à apprendre pour devenir senior

• Réagissez:
  • React: création d'un composant FAQ accessible
  • 5 conseils pour vous aider à éviter les pièges de React Hooks
  • Localisation avec React
  • Utilisation de requestAnimationFrame avec des crochets React
  • Test Modern React, partie 2: Jest et Enzyme
  • L'état de JSX sémantique
  

• VueJS:
  • Comment charger facilement des images dynamiques dans Vue et Nuxt
  • Performances du routeur Vue.js
  • Comment utiliser Vuetify dans Vue.js
  • Comment éviter les violations des principes SOLID dans Vue. Application Js
  

• Angulaire:
  • 7 façons de rendre votre application angulaire plus accessible
  • Recherche angulaire et pagination
  • Pourquoi vous ne devez jamais utiliser d'appels de fonction dans les expressions de modèle angulaire
  

• Braise:
  • Ember.js et React.js: comparaisons entre certaines des fonctionnalités avancées
  • L'Atlas Ember - Un endroit pour tout ce qui concerne Ember: processus, meilleures pratiques, guides de mise à niveau et plus encore!
  • Création d'une application Electron avec Ember JS
  • Commit Porto '19: prospérer à travers le cycle de battage médiatique: une histoire Ember.js (Ricardo Mendes)
  

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