Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 382 (22-29 septembre 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

• Normes Web Podcast n ° 195 . Chrome 78 et iOS 13, pliage React, polices Google variables, proxies et jQuery
• Podcast CSSSR : 512 nouvelles - Frankenstein, HTML, Nim Semantics et l'ordinateur quantique secret
• Podcast React Five Minute - FrontendConf 2019
• Podcast «UnderJS» # 5 - Conversation avec Roman Dvornov sur les détails du Web Open Source et délicieux [Tube]
• Podcast «Make Me Beautiful» , numéro 25, visite Yuri Tsukanov - Compétition, mauvaises façons d'apprendre la langue et liens utiles
• Make Me Beautiful Podcast , numéro 26 - Questions à l'employeur, l'architecture n'est pas nécessaire et CSS atomique
• Devshacht Podcast # 95: Pourquoi tenir une conférence en anglais
• Podcast Frontend Youth (18+) # 109 Vendre des dettes techniques aux collectionneurs Pro Unlimited
• Podcast sur les normes Web - 194. Eric Meyer et Max Böck sur les normes HTML, CSS et Web
• "Comment je suis devenu développeur Front-end." Evgeny Kovalchuk sur webDev
• FrontSpot Show # 12: Sergey Rubanov sur l'avenir de JS, les secrets d'une source ouverte payante, les subtilités de BeerJS.
• Repozitorro # 28 - Portefeuille décent Portfolio

Développement Web

• 5G - une technologie susceptible de ralentir le web
• Composants glisser-déposer pour les utilisateurs aveugles? Vous plaisantez
• Service Workers in Slack Client: Accélération de téléchargement et mode hors ligne
• Comment «faire» la sémantique correctement
• Guide complet d'images réactives!
• Hors ligne avec les microformats
• Options supplémentaires pour aider les sites Web à prévisualiser leur contenu sur la recherche Google
• Avez-vous vraiment besoin de PWA? Quatre questions pour vous aider à décider
• Frankenstein-Migration: une approche indépendante du cadre: partie 1 , partie 2
• Pourquoi les applications Web progressives sont-elles l'avenir de l'Internet mobile?
• Lignes directrices pour la mise en œuvre de modes sombres sur les sites

• Les outils
  • Lancement de Lighthouse dans CI à l'aide des actions Github
  • Tailles d'image et vidéos pour les réseaux sociaux.
  • navi est un outil de ligne de commande interactif
  • image-actions - compresse automatiquement les images jpeg, png et webp dans les pull-quests sur GitHub
  

• Performances
  • Accélération instagram.com. Partie 1
  • Technologies Yandex Turbo Pages et Google AMP pour le commerce électronique
  • Étudier les performances d'animation avec DevTools
  • Mesures de performances pour des applications Web incroyablement rapides
  • Est-ce le bon moment pour choisir AMP?
  

CSS

• Deux navigateurs entrent en quelque sorte dans la barre de défilement ...
• Où et comment utiliser la disposition des colonnes (Colonnes CSS)
• Email Spamer Protection sur CSS
• Utilisez l'API Google pour accéder aux polices variables.
• Des propriétés personnalisées plus intelligentes avec la nouvelle API Houdini
• Comment la grille CSS change notre point de vue sur la structure du contenu

Javascript

• JQuery histoire et patrimoine
• Douleur et larmes dans Svelte 3
• Guide de gestion des erreurs JavaScript
• Aller au-delà de console.log () - 8 méthodes de console à utiliser lors du débogage de JavaScript et de Node
• JavaScript en 3D: une introduction à Three.js
• Nouvelles fonctionnalités JavaScript ES2019 potentielles qui raviront tous les développeurs
• 6 choses que vous ne saviez probablement pas que javascript peut faire nativement
• Filtrage des données côté client: comparaison de CSS, jQuery et React

• Théorie
  • Combinaison de styles à l'aide du proxy JavaScript
  • Une explication du fonctionnement de l'intersection Observer
  • Le monde étrange d'Infinity en JavaScript
  

• Réagir
  • Penser dans le paradigme React Hooks
  • Machines à états finis dans React
  • Comment résoudre le problème d'enfer de rappel des accessoires de rendu
  • React & SEO: développement de SPA sur Next.js optimisé pour Google
  • Récursivité dans React: rendre des commentaires avec des enfants imbriqués
  

• Vue
  • Comment structurer votre projet Vue sur le long terme
  • 15 directives Vue pour augmenter considérablement votre productivité
  • Création d'extensions Chrome avec Vue.js
  • Meetup MSK Vue.js # 2
  

• Angulaire
  • "AVERTISSEMENT: la désinfection du HTML a supprimé certains contenus" et comment les traiter correctement
  • Comment utiliser les composants récursivement dans Angular
  • Angulaire et disponibilité: défis et stratégies
  • Comment travailler avec des fournisseurs asynchrones dans Angular
  

• Ember
  • Ember 3.13 release (aperçu Octane)
  • Promesses et états d'utilisateur dans Ember.js
  • Podcast JSJ 395: New New Ember avec Mike North
  • Animation d'itinéraire avec Ember Animated
  

Navigateurs

• Comment le navigateur dessine. Rapport Yandex
• Microsoft portant le navigateur Edge sur Linux
• Google, Mozilla et Cloudflare ont commencé à prendre en charge le protocole HTTP / 3
• Mac a cessé de se charger en raison de la mise à jour de Google Chrome
• Comment faire une capture d'écran d'un site à haute résolution dans Firefox

Divertissant

• CloudFlare a lancé un VPN gratuit - pas d'inscription (et SMS)
• GitHub lance ses tentacules dans la gestion des CI / CD et des artefacts
• Pourquoi les développeurs aiment-ils autant le thème sombre
• GitHub a ouvert la voie à l'application de l'apprentissage automatique pour rechercher et analyser le code
• Vendu la technologie dans Snap et gagné en popularité sur la fonctionnalité «quelle célébrité êtes-vous»: qui a développé l'application Gradient
• Yahoo a changé le logo et changé de nom

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 .