Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 387 (28 octobre - 3 novembre 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

• AST, automatisation, optimisation, ou comment s'est passée PiterJS conf # 1?
• JavaScript Meetup SuperJob: rapport vidéo
• Podcast Frontend Youth (18+) # 113: Osez doubler le salaire
• Podcast CSSSR: Nouvelles 512 - Mythes PWA, API sans serveur, Devilish HTML, Vue-CLI 4 et Puppeteer 2
• "UnderJS Podcast": # 7 - Conversation avec Alexei Zolotykh à propos de Dart [Tube]
• Web Standards Podcast No201: normes Web, CSS multi-colonnes, impression, valeurs d'affichage, contribution
• Interview: Vadim Makeev - «Il est temps de passer des discussions aux menaces»
• KharkivJS # 10 2019 - Conférence Javascript, 30 vidéos
• JSConf Budapest 2019, 14 vidéos
• CSSConf Budapest 2019, 7 vidéos
• React Conf 2019, 27 vidéos

Développement Web

• 9 autres projets pour perfectionner les compétences Front-End
• Six tâches pour le développeur frontal
• Disponibilité et loi. Analyse des lois et des normes d'accessibilité du Web
• Le débogage frontal n'est pas seulement un problème technique
• Authentification complète de la pile: cookies et stockage local

• Les outils
  • Parcel est mon constructeur de projet préféré
  • Audit des problèmes d'accessibilité avec Firefox Developer Tools
  • Chrome DevTools - Plus de 20 trucs et astuces
  • Flux de travail moderne en frontend. Partie 1: création d'un projet initial à l'aide de scripts NPM , Partie 2: regroupement de modules à l'aide de Parcel , Partie 3: Création d'une architecture Sass
  

• Performances
  • John Muller et Martin Splitt ont répondu aux questions sur la vitesse du site
  • Accélérez votre site Web avec WebP
  • Préchargement des polices: quand cela a-t-il un sens?
  

CSS

• L'état actuel du style sélectionne en 2019
• Cas d'utilisation inhabituels pour les pseudo-éléments
• Tout le monde utilise des frameworks CSS
• Y a-t-il des nombres aléatoires dans CSS?
• Les requêtes sur les médias CSS dépassent la largeur maximale
• Choses que nous ne pouvons pas (encore) faire en CSS

Javascript

• Guide de programmation orientée objet JavaScript
• Rapport de sécurité du cadre JavaScript 2019
• Dangers JavaScript peu connus
• 5 astuces intéressantes mais pas nécessairement utiles en Javascript
• Comparaison de différents types de popups natifs en JavaScript
• Recadrer des images à un rapport d'aspect spécifique à l'aide de JavaScript
• Introduction aux nouvelles fonctionnalités de TypeScript 3.7 et comment les utiliser

• Théorie
  • Fonctionnalités du JavaScript moderne que vous ignorez peut-être
  • Comment arrêter d'avoir peur et aimer les itérateurs
  • Module de modèle en JavaScript
  • Modèle de façade en JavaScript
  • Méthodes JavaScript que tout débutant et professionnel devrait utiliser
  • Explication finale de la méthode Reduce en JavaScript
  • Convertir un objet en tableau
  • Fonctionnalités JavaScript modernes que vous pourriez avoir manquées
  • Vous ne savez toujours pas JS: les travaux de la 2e édition ont commencé
  

• Réagir
  • Tout est dans la tête: gérer la section tête d'un site React avec React Helmet
  • Première animation mobile dans React
  • Ce que j'ai appris sur le test des applications React - Partie 1: Tests unitaires
  • React + D3.js
  • 31 étapes pour devenir un développeur React professionnel
  

• Vue
  • Pourquoi dans Vue 3 Composition API - reactive () sera considéré comme inutile
  • Composition API RFC
  • Nouveaux produits affectant les performances dans Vue.js version 3
  • Création d'une application de recherche de films à l'aide de l'API Vue Composition
  • Pourquoi vous devriez utiliser TypeScript avec Vue
  • Déploiement d'un site statique sur NuxtJS dans les travailleurs Cloudflare
  • 10 conseils pour créer et soutenir de grands projets sur Vue.js
  

• Angulaire
  • Maîtriser Angular 8: cinq choses que vous devez savoir pour gagner du temps.
  • Débogage des fuites de mémoire dans Angular
  • Migration de votre bibliothèque Angular vers Jest
  

• Ember
  • Mise à jour d'Octane Release
  • Cas d'utilisation du générateur asynchrone
  • Ember Octane Livestream: création d'une boîte à rythmes
  

Navigateurs

• Google développe un bloqueur intégré de publicités "lourdes" dans un navigateur qui est déjà apparu dans Chrome Canary
• Firefox ne prendra plus en charge la pré-installation directe des modules complémentaires
• Mozilla, Cloudflare et Facebook présentent l'extension TLS pour la délégation de certificats de courte durée
• Microsoft a présenté le logo du nouveau navigateur Edge sur le moteur Chromium
• Chrome a commencé à tester la troisième édition du manifeste, qui est incompatible avec uBlock Origin
• Nouveautés de DevTools (Chrome 79)
• Analyse de rentabilisation pour mettre fin à la prise en charge d'Internet Explorer

Divertissant

• La recherche Google cessera bientôt d'indexer le contenu Flash
• Google a mis à jour l'algorithme de recherche: il affectera 10% des requêtes
• Les plus grands mythes du SEO selon Bill Slavsky
• Comment et pourquoi interviewer un employeur
• "Apprendre à connaître la nature des choses": la tête de Google explique pourquoi le géant de la recherche se concentre sur l'informatique quantique
• Le pire service de Microsoft, qui représente des milliards de dollars et qui est devenu rentable: ce qui a aidé le moteur de recherche Bing à renaître

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 .