Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 384 (7-13 octobre 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 "UnderJS Podcast" # 6 - Désoptimisation de React à l'intérieur de la V8, empêche le fumeur d'Extension
• Podcast CSSSR: Argumentarium - Crochets, déclaratifs et classes
• Podcast CSSSR: Nouvelles 512 - Preact X, Next.js et Create Next App, GNU Riot et Friendship with China
• Podcast React Five Minute - Reatom vs Redux
• ITBoroda: Tout sur Node.js / De 0 à 2,5k dollars par an / Entretien avec Backend JS Developer
• FrontSpot Show # 13: Vitaliy Bobrov sur le déménagement en Pologne et une tournée mondiale avec les rapports JS.
• Repozitorro # 30 - Ça a l'air facile, alors jetez un œil sous le capot
• Normes Web Podcast n ° 196. Eva Ferreira et Ian Pouncey sur chromakey, Argentine, a11y, SEO, HTML, ARIA
• Normes Web Podcast n ° 197. FrontendConf, composants Web, AOM, défis ARIA, prise en charge du navigateur, boîtes de dialogue et sélecteurs de date

Développement Web

• Entretien avec Pornhub Web Developer
• Comment une simple balise <img> peut-elle devenir un risque élevé pour une entreprise?
• Variabilité excessive de la pile frontale: essence et raisons
• Lier les attributs nofollow, sponsorisé et ugc et leur impact sur le référencement
• Le W3C célèbre son vingt-cinquième anniversaire
• Analyse de l'utilisation du HTML sur environ 8 millions de pages (et qu'est-ce que cela signifie pour le référencement moderne)
• Invalidation du cache en cascade
• Un peu de pratique avec l'élément de dialogue HTML
• La différence entre les formats de police
• Transformez votre site Web en PWA

• Performances
  • Optimiser le chargement de JavaScript sur Wikipedia
  • Temps de premier octet: qu'est-ce que c'est et pourquoi est-il important
  • [Ne pas] utiliser CDN
  • Images prises à droite: des graphismes web qui sont bons jusqu'au dernier octet
  • Recettes pour tester les performances du SPA dans WebPageTest
  

• La disponibilité
  • La Cour suprême a décerné la victoire à un aveugle qui a poursuivi Domino en raison de l'accessibilité
  • Accessibilité: les liens Web doivent être des liens et les boutons Web doivent être des boutons
  • Qu'est-ce que l'ARIA? Guide du débutant ARIA
  

• Les effets
  • Sites créatifs Résumé des sites Web inspirants # 9
  • légendaire-curseur - curseur créatif sur WebGL
  • Création d'un effet de distorsion de l'eau avec Three.js
  

CSS

• Sass MediaScreen - Définition des périphériques CSS
• Réinitialisation de style CSS moderne
• Extraire le CSS critique
• Présentation des modules dans Sass
• Sass: lancement d'un système modulaire
• Écrêtage, écrêtage et plus d'écrêtage! Exemples d'utilisation créative de la propriété clip-path
• Modèles pour une utilisation pratique des propriétés CSS personnalisées
• CSS et cercles
• Guide des outils CSS nouveaux et expérimentaux dans Firefox DevTools
• Pouvons-nous styliser l'élément select s'il vous plaît?!
• Toucaan - Repenser le cadre CSS
• Nouveau CSS puissant pour styliser les marqueurs, les nombres et les marqueurs dans les listes

Javascript

• TypeScript Puissance jamais
• 12 fonctionnalités ES10 dans 12 exemples simples
• Quoi de mieux à choisir en 2020 - React ou Vue?
• Comment travailler avec localStorage en JavaScript
• Comment identifier un bloqueur de publicités
• Création d'une application de reconnaissance faciale en JavaScript qui fonctionne comme dans les films
• Guide de style Javascript pour le jeu Bagel
• Conventions de dénomination JavaScript

• Théorie
  • Héritage JavaScript du point de vue d'un nerd ennuyé: Constructors Factory
  • Attente de haut niveau
  • Comprendre cela, lier, appeler et appliquer en JavaScript
  • Quand utiliser Map au lieu d'un simple objet JavaScript
  • Promesses JavaScript: Zero to Hero, plus une feuille de triche
  • Guide complet d'utilisation des tableaux en JavaScript
  • Javascript Ellipse Story
  

• Réagir
  • Rencontrez l'application Create Next
  • Partie 1: Questions d'entrevue React
  • Guide d'authentification complet pour Next.js avec Auth0
  • Comment implémenter le délai d'inactivité dans React
  • Utilisation de JSX pour votre propre bibliothèque d'interface utilisateur déclarative légère
  

• Vue
  • 10 trucs et astuces pour vous aider à devenir le meilleur développeur sur VueJS
  • Meetup MSK VUE.JS # 3 au groupe Mail.ru: matériaux de mitap
  • Création d'une bibliothèque de composants Vue.js en tant que module (partie 1)
  • Recherche instantanée avec Vue.js et Axios
  • Vue-Next et pourquoi Map résout un gros problème
  • Comment tâtonner les composants Vue entre les applications
  • Séparation des composants Vue.js du magasin Vuex
  • Gestion des images SVG dans les applications Vue.js
  • Vue3: Premier coup d'oeil
  • Créez une application d'interrogation en temps réel à l'aide de Vue et Socket.io
  

• Angulaire
  • Interaction entre les composants angulaires à l'aide de RxJS
  • Qu'y a-t-il sous le capot d'Angular 8?
  • Migration vers Angular 8 de TSLint vers ESLint
  • Demande de suivi dans une application angulaire avec des injecteurs de module enfant sans chargement retardé
  

• Ember
  • Ember-moteurs: quoi, quoi, et pourquoi? - partie 1
  • À propos de {{mut}} et de la liaison bidirectionnelle
  • Promesses et états de l'interface utilisateur dans Ember.js
  • Ember et GraphQL: un exemple rapide
  

• Libs et plugins
  • roughViz - Bibliothèque JS pour créer des croquis stylisés / diagrammes dessinés à la main dans le navigateur
  • is-website-vulnérable - trouve des vulnérabilités bien connues dans les bibliothèques JavaScript du site
  • Comment effectuer une localisation JavaScript à l'aide de jQuery.i18n
  

Navigateurs

• Chrome bloquera complètement le contenu mixte
• 10 fonctionnalités peu connues des outils de développement Chrome
• Ajout de la prise en charge du travail en mode kiosque dans Firefox
• Code Firefox complètement débarrassé de XBL
• Google a ajouté des fonctionnalités de support pour les utilisateurs aveugles et malvoyants dans Chrome et Maps
• Chrome Web Store a bloqué la publication de la mise à jour uBlock Origin

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