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

---

Médias

• Podcast Web Standards , 188. Carnet d'adresses, Hermes, PageSpeed, DevTools, ndb, Puppeteer, PiterJS
• Podcast CSSSR: Nouvelles 512 - 25 ans de PHP, d'actions Github, de conception, d'optimisation CSS et Instagram
• Podcast «devschacht» # 90 : Vivez avec SkyEng sur le travail à distance
• Podcast "devschacht" # 89 : Roman Prudnikov sur le travail dans 2GIS et Yandex Music.
• Podcast Frontend Youth (18+) # 103 : Little Black Hole - Un refuge Stallman
• Repozitorro # 24 : Portfolio Junior sous un autre angle ...
• Podcast Web Standards , n ° 187. Sémantique HTML, composants Web, W3C et WHATWG, HTML5 Doctor, Prince XML, monétisation Web
• Maintenant en ligne: votre liste de lecture SmashingConf Toronto

Développement Web

• Spécifications Web fantastiques et où ils vivent
• Une introduction simple aux Web Workers en JavaScript
• Créez des e-mails interactifs et optimisés à l'aide du cadre AMP de Google
• Pourquoi le développement web moderne est-il si compliqué? Une explication longue mais hâtive: Partie 1
• Quel est le meilleur: programme de fidélisation PWA ou application mobile?
• Contactez l'API Picker , les détails de la nouvelle API sur le blog des développeurs Google
• Mavo brille lors de la création d'applications Web interactives

• Performances:
  • Caractéristiques de Google PageSpeed: amélioration de l'évaluation du site et du classement de recherche
  • La plus grande peinture contentieuse (LCP) . Nouvelle mesure de performance pour vous aider à mesurer le temps de chargement du contenu principal d'une page Web.
  • Time to First Byte: ce que c'est et pourquoi c'est important
  • Téléchargement natif paresseux sur le Web
  • Le chargement différé natif fonctionne déjà dans Chrome 76!
  • Établissez des connexions réseau à l'avance pour améliorer la vitesse de page perçue
  • Traitement d'entrée Web haute performance
  

• Outils:
  • 5 plugins webpack utiles
  • Guide des touches de raccourci de Visual Studio Code pour une productivité accrue et 30 mes raccourcis préférés à découvrir
  • SVG Gobbler est une extension simple qui trouve SVG dans la fenêtre actuelle, sélectionne des attributs uniques, y compris la taille, et vous permet de télécharger ou de copier une version déjà optimisée dans le presse-papiers
  

• Accessibilité:
  • Accessibilité Web vs Convivialité
  • Conseils d'accessibilité inattendus
  

• Animation:
  • L'effet de laisser des traces d'images lors du déplacement de la souris
  • Impressionnant résumé des sites Web inspirants n ° 7
  • Comment créer des animations Web avec Anime.js
  
  

CSS

• Attributs CSS personnalisés comme mécanisme de transfert de données de JavaScript vers CSS
• Modes d'écriture et disposition CSS
• Apprendre le CSS en lisant les spécifications
• Gestion des CSS inutilisés dans SASS pour de meilleures performances
• CSS: sélecteur vide
• Actualité hebdomadaire de la plateforme: style de police CSS: oblique, extension de navigateur webhin, modules CSS V1
• Principes de conception pour les développeurs: processus CSS et conseils pour une meilleure conception Web
• Déplacer le texte le long d'un chemin incurvé
• 5 générateurs de grille CSS sympas pour vos mises en page
• Rendu sous-pixel et bordures

Javascript

• Comme je n'ai pas pris la première place dans la compétition pour les développeurs JavaScript de Telegram
• Un tutoriel JavaScript moderne . Une grande mise à jour d'une ressource populaire d'Ilya Kantor
• Comment implémenter le glisser-déposer pour les éléments et fichiers HTML à l'aide de Javascript
• Création de ma première application Svelte: réflexions et impressions
• Redirection JS côté client: Googlebot peut-il les détecter?

• Théorie:
  • FAQ sur le système de type
  • Défini ou non défini? Nuances de création de tableaux en JavaScript
  • Utilisation des déclarations let des variables et des fonctionnalités des fermetures résultantes en JavaScript
  • Design Patterns # 1 - Singleton (simple)
  • Utilisation de l'itération asynchrone ECMAScript 2019 avec for-of
  • Intl.NumberFormat
  • Cas d'utilisation intéressants pour les opérateurs JavaScript au niveau du bit
  • Combinateurs JavaScript Promise: .all (), .race (), .allSettled ()
  

• Réagissez:
  • Guide animé React Basic
  • Version React v16.9.0 et mise à jour de la feuille de route
  • Nouveautés de React v16.9
  • Comment fonctionne le mode de développement?
  • Création d'applications mobiles avec Ionic et React
  • useEffect ou useLayoutEffect dans une langue simple accessible
  • Utilisation d'Immer pour gérer l'état de l'application React
  

• VueJS:
  • Création de SPA sur Vue.js au-dessus de WordPress sans tête
  • Comment configurer un environnement de développement pour Vue
  • Modification des données de composant à l'aide de sources d'événements dans Vue.js
  • Tirer le meilleur parti des composants Vue asynchrone
  

• Angulaire:
  • Utilisation de la fonction d'attente asynchrone dans Angular
  • Modules et composants asynchrones dans Angular Ivy
  • Vers Angular 9: trois corrections de bugs dans Angular 9
  • Comment échanger des composants angulaires entre projets et applications
  

• Braise:
  • Gestion des attributs de clé étrangère dans une API de données Ember
  • Écrire des tests comme les mathématiques: Partie 1
  • EmberMap Podcast - Les références d'objets jugées utiles
  • EmberMap Podcast - Tu dois ressentir la douleur
  

• Libs et plugins:
  • sharec - un projet pour remplacer les passe-partout et les packages comme Create React App, qui vous permet de mettre à jour les configurations et de les modifier
  • Frosted Panel - une bibliothèque multi-navigateurs sur JS pur pour implémenter l'effet réactif de "Frozen Glass"
  • murphyjs: un moyen simple d'implémenter des animations basées sur le défilement dans vos composants.
  

Navigateurs

• Trouvé une méthode pour déterminer la navigation incognito dans Chrome 76
• Chrome 78 Canary teste le mode sombre forcé pour tous les sites
• Ajout d'un mode d'isolation de page strict aux versions nocturnes de Firefox
• Notes de mise à jour de Safari Technology Preview 89

Divertissant

• Attaque sur les systèmes backend frontaux, vous permettant de caler les demandes de tiers
• Google a mis en évidence des podcasts dans les résultats de recherche
• Huawei a officiellement présenté le système d'exploitation distribué HarmonyOS
• Les processeurs ont révélé une nouvelle vulnérabilité qui contourne la protection contre Spectre et Meltdown
• Les sous-traitants Microsoft écoutent certaines conversations des utilisateurs de Skype
• Inventer un jeu populaire, mais pas pour gagner de l'argent dessus: l'histoire de Tetris et de son inventeur

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 .