Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 377 (19-25 août 2019)

Nous portons à votre attention une sélection avec des liens vers de nouveaux matériaux de la zone frontend et autour d'elle.

Médias | Développement Web | CSS | Javascript | Navigateurs

---

Médias

• Podcast CSSSR : Nouvelles 512 - RoR 6, modules JS natifs, API Vue Composition, animation et optimisation des images de chargement
• Podcast du week-end de front-end, télécommande # 1 : Nikita Dubko (conférences, syndrome d'imposteur, reportage)
• Devschacht Podcast # 91 : Papiers très courts et REST vs GraphQL
• Podcast «devschacht» # 92 : À propos du ruban électrique et du scotch
• Podcast «Make Me Beautiful», numéro 23 : Away Sergey Frolov et Sergey Rubanov - Conférences de métro, développement 10x et assemblage Web
• SPA Meetup # 5 à Avito

Développement Web

• Vous pouvez maintenant ajouter du JavaScript personnalisé aux pages AMP
• Ce dont HTML6 (Living Standard) a vraiment besoin
• HTML en option: tout ce que vous devez savoir

• Performances:
  • Chargement d'image plus rapide avec prévisualisation d'image intégrée
  • Utilisation de rel = «preconnect» pour une connectivité et des performances réseau précoces
  

• Outils:
  • Comment se faire des amis en tant que designer, maquettiste et «Figma» en utilisant un système de design, un pied-de-biche et une sorte de mère
  • Annonce de NodeGUI et React NodeGUI - création d'applications de bureau personnalisées à l'aide de JavaScript et CSS
  

• API:
  • Convertir du texte en parole dans un navigateur à l'aide de l'API Web Speech
  • API Native File System: simplifier l'accès aux fichiers locaux
  

• Accessibilité:
  • Ce que j'ai appris sur l'accessibilité de Tumblr
  • Top 5 des ressources d'accessibilité Web
  • Rapport ADA sur l'accessibilité du Web et des applications . «Le nombre de poursuites déposées auprès des tribunaux fédéraux concernant la disponibilité de sites Web et d'applications est actuellement de une par heure, soit 8 par jour, 40 par semaine, et plus de 2 000 poursuites devraient être réexaminées cette année.»
  

• Pratique:
  • Multi-utilisateur Tic Tac Toe utilisant GraphQL
  • Comment créer un jeu multijoueur en temps réel avec VR (partie 1)
  • Créer un favicon animé
  
  

CSS

• D'où viennent les noms de couleurs en CSS?
• Liste des meilleures bibliothèques CSS en frontend
• Comment voir les styles d'impression appliqués directement dans le navigateur?
• Élément de rebond CSS
• CSS peut le faire ... Et c'est affreux!

Javascript

• Innovations JavaScript: résultats Google I / O 2019: partie 1 , partie 2
• Modules d'injection de dépendances, JavaScript et ES6
• Ce mot-clé en JavaScript. Manuel complet *
• Utilisation de l'itération asynchrone dans ECMAScript 2019 en utilisant for-of
• Utilisez les fonctions du générateur JavaScript pour réduire l'utilisation de la mémoire
• Utilisation de modules JavaScript natifs en production
• Anti-rebond et limitation en JavaScript
• JS: quoi apprendre pour devenir Senior

• Réagissez:
  • React: création d'un composant FAQ accessible
  • 5 conseils pour éviter les pièges de React Hooks
  • Localisation avec React
  • Utilisation de requestAnimationFrame avec des crochets React
  • Test de réaction moderne, partie 2: plaisanterie et enzyme
  • État sémantique JSX
  

• VueJS:
  • Quelle est la différence entre les accessoires et les données dans Vue. js
  • Comment charger facilement des images dynamiques dans Vue et Nuxt
  • Routeur Performance Vue.js
  • Comment utiliser Vuetify dans Vue.js
  • Évitez de briser les principes SOLID dans les applications VueJS
  

• Angulaire:
  • Les bases de la mise en page dans Angular avec Redux et Nx. Partie 1. En-tête de disposition et barre de navigation.
  • 7 façons de rendre votre application Angular 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: comparaison de certaines fonctionnalités avancées
  • Ember Atlas - Un lieu pour Ember: processus, meilleures pratiques, guides de mise à niveau, etc.
  • Création d'une application Electron à l'aide d'Ember JS
  • Commit Porto 19: la prospérité dans le cycle de battage médiatique: une histoire d'Ember.js (Ricardo Mendes)
  

Navigateurs

• Microsoft Edge Insider: commencez à tester les «collections», les comptes de travail et d'autres améliorations
• Dans Firefox, Chrome et Safari, le «certificat national» introduit au Kazakhstan est bloqué

Nous nous excusons pour toute faute de frappe ou lien rompu / dupliqué. Si vous remarquez un problème - veuillez écrire dans un e-mail personnel, nous essayons de le résoudre rapidement.

Digeste de la semaine dernière .
Matériel préparé par dersmoll et alekskorovin .