Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 356 (11-17 mars 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 | Divertissant

---

Médias

• Web Standards Podcast, numéro 165 : Chrome 73, React Native 0.59, imbrication CSS, stockage KV, régions actives ARIA, composants Web, modules ES conditionnels.
• HardcodeFM Podcast Episode 9 - ClojureScript Front End
• Podcast Frontend Youth (18+) # 87 Pas de cours nécessaires
• CSSSR Podcast News 512 - Numéro 42 ( 11 mars - 17 mars )
• "Tout va à l'avant . " Nouvelle chanson de Mikhail Malkov sur le frontend

Développement Web

• La force et la puissance des composants Web
• Frontend sans JavaScript
• Planification d'image réactive
• KV Storage: le premier module intégré sur le web
• Proposition d'ajouter la prise en charge du chargement différentiel des scripts dans la discussion WHATWG sur Github

• Performances:
  • Accélérez un site avec beaucoup d'images: un guide pour le chargement d'images différées
  • Pages Lite pour Chrome annoncées: téléchargement plus rapide pour les utilisateurs * très * lents du réseau. Activation via Google Data Saver pour un rendu côté serveur plus intelligent et la hiérarchisation des sous-ressources de page
  • Comprendre Chrome Lite
  

• Outils:
  • Webpack en pratique: à partir de zéro pour créer des autotests
  • Sublime Text 3.2 est sorti, toujours rapide, avec une nouvelle version - intégration avec Git
  • Comment utiliser Chrome comme IDE
  

• Accessibilité:
  • Tout ce que vous devez savoir sur les régions ARIA Live
  • Les informations d'accessibilité sont le nouvel outil de test a11y qui fournit des informations rapides et utiles sur les problèmes d'accessibilité de vos produits.
  

CSS

• Préchargeur flexible utilisant des unités em
• WebP en CSS - Plugin PostCSS et petit script JS (128 octets) pour utiliser WebP comme arrière-plan CSS
• Comment démarrer avec CSS Grid
• Conception d'unités pour les proportions en CSS
• Le débogage CSS est difficile
• Si les expressions et les boucles en CSS
• Comment manipuler les couleurs CSS à l'aide de JavaScript
• Refonte de nos documents - Partie 4: Création d'une architecture CSS évolutive
• Pourquoi ne puis-je pas définir la taille de police du lien visité?
• Utilisation de CSS-in-JS pour styliser des éléments personnalisés
• Premiers pas avec PostCSS en 2019
• Animation efficace pour souligner les éléments de navigation dans le menu

Javascript

• Résoudre une tâche à partir d'une interview Google sur JavaScript: 4 façons différentes
• Node.js Foundation et JS Foundation fusionnées dans OpenJS Foundation
• Vous utilisez JavaScript? 6 façons d'afficher le HTML traité
• Entretien pour le poste de développeur JavaScript: tâches populaires avec analyse de solutions
• Mise à jour sur les fonctionnalités expérimentales dans Node.js
• GraphQL en profondeur: quoi, pourquoi et comment
• Comment j'ai foiré mon code JavaScript tout en remportant le Coding Challenge
• JavaScript en 14 minutes . Tutoriel interactif Jeremy Thomas

• Théorie:
  • Nous comprenons les fermetures en JavaScript. Une fois pour toutes
  • Lorsque "Zoë"! == "Zoë". Ou pourquoi vous devez normaliser les chaînes Unicode
  • 7 astuces pour utiliser des objets répartis et repos en JavaScript
  • Convertir les fonctions de rappel en promesses
  

• VueJS:
  • VueJS: un peu sur 3.0
  • Comment remplacer jQuery par Vue
  • Comment configurer l'interface de recherche dans Vue.js
  • Vue a11y - Le projet communautaire Vue.js pour améliorer l'accessibilité du site Web.
  

• Réagissez:
  • Analyse et optimisation des applications React
  • La documentation de React est désormais disponible en russe
  • React Hooks: comment démarrer et créer le vôtre
  • Ajout d'animation aux applications React avec React-Lottie
  • Structure de fichiers optimale pour les applications React
  • Vous n'avez pas besoin d'un framework mod pour utiliser GraphQL avec React
  

• Angulaire:
  • Mise à jour automatique des modules chargés paresseusement pour Ivy
  • Implémentation de téléchargement de fichiers à l'aide de Node et Angular
  • Création d'applications angulaires et réactives avec Nx
  

• Libs et plugins:
  • Pourquoi vous ne devriez pas utiliser Moment.js ...
  • promise-utils: utilitaires de type lodash sans dépendances pour les promesses natives d'ES6
  • foreach parallèle / série asynchrone en JavaScript
  • lax.js - Plugin javascript vanille simple et facile pour créer des animations fluides et belles tout en faisant défiler
  

Navigateurs

• Version 73 du navigateur Web Chrome
• Pourquoi Brave pourrait être une alternative valable à Chrome
• Le mode sombre dans le navigateur Chrome est désormais disponible sur Mac

Divertissant

• Le World Wide Web a trente ans - que va-t-il lui arriver ensuite?
• Intelligence artificielle et crypto - nous séparons le battage médiatique de la réalité
• L' éphéméralité est un mensonge. Pourquoi le chiffrement ne sauvera pas votre vie privée
• Lookout - une application de Google qui informe les aveugles et les malvoyants de l'environnement
• Un ancien développeur de Rambler a créé un serveur Web, a dépassé Microsoft sur le marché et a vendu la société pour 670 millions de dollars: l'histoire de Nginx
• Mozilla a introduit Firefox Send
• Il est temps de dire au revoir. Google Allo Messenger a cessé de fonctionner, suivant en ligne - Boîte de réception
• GitHub modifie la politique de confidentialité et les sanctions
A.

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 .