Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 355 (4-10 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.

Développement Web | CSS | Javascript | Navigateurs | Divertissant

---

Médias

• Podcast «Web Standards», n ° 164 : 11 mars 2019: auteur de JS-intensives, scroller intégré dans Chrome, développement de SVG et & en CSS, Preact et technologies intensives, JS pour les anciens navigateurs et itérateurs, modules et importation sans Webpack.
• Podcast Frontend Youth (18+) # 86 : Tom Dale a remporté un Oscar pour Wolverine avec Dan Abramov
• Devschacht Podcast # 72 : Rendu de serveur - Les bases
• Blog vidéo Vadim Makeev # 16 : Classement par étoiles ️️️️️
• FrontSpot Show # 3 : Dois-je connaître ES5, les nouveaux docks React, le code de révision, le quiz CSS, GraphQL

Développement Web

• Comment aborder le développement fullstack aujourd'hui si vous avez dormi dix ans
• Composants Web dans le monde réel
• Comment économiser des ressources dans le navigateur et ne pas casser le Web. Rapport Yandex
• Statut et fonctionnalités de l'API Houdini. Worklets et un peu sur la boucle d'événement.
• WebAuthn sans mot de passe est devenu la norme Web officielle
• True Virtuality: connecter des choses réelles à la réalité virtuelle à l'aide des technologies Web
• Extraire le texte du contenu à l'aide de HTML Slot, HTML Template et Shadow DOM
• État d'analyse Web
• HTML, CSS et JS dans ADD, OCD, les mondes bipolaire, dyslexique et autistique
• Secrets de DevTools: lancement, réseau et performances

• Animation:
  • Une sélection de sites inspirants # 2
  • Parchemin de déplacement
  • Créateur de figurines CSS LEGO
  

CSS

• Google ignore le spam en CSS
• 8 astuces pour travailler avec CSS: parallaxe, pied de page collant et autres
• Créez des présentations robustes avec des conteneurs
• Comment combiner les fonctions de couleur SASS et les variables CSS
• Cartographie: cours intensif
• Polices variables
• RFS (Responsive Font Size) est un moteur de typographie qui calcule automatiquement la taille de police appropriée en fonction de la taille de la fenêtre du navigateur.
• Comment convaincre votre équipe d'utiliser CSS Grid

Javascript

• Refactoring via les classes: nous nettoyons notre code JavaScript
• Guide idéal pour pirater des interviews JavaScript (du point de vue d'un développeur)
• Pièges des performances JavaScript dans V8
• Prise en charge de grandes applications JavaScript . Enseignements tirés de projets à long terme
• Quand le référencement JavaScript est-il important? . Deuxième épisode de la série JS SEO
• TypeScript vs PureScript
• Conventions de dénomination JavaScript: comment et comment ne pas le faire

• Théorie:
  • A propos du casting sur JS et la magie. 2e partie Que devez-vous savoir d'autre en 2019
  • Comprendre la mémorisation en JavaScript
  • Bases de JavaScript: maîtrisez le DOM! Partie 1 , partie 2
  • Classes JS et héritage dans ES6, ES5
  • Promesses: Un guide complet . Découvrez pourquoi ils sucent en quelque sorte: /
  • Comment utiliser les méthodes apply (), call () et bind () en JavaScript
  • Symboles JavaScript: mais pourquoi?
  

• Réagissez:
  • Gatsby.js en détail
  • useTypescript - Guide complet des crochets React et TypeScript
  • En quoi les composants fonctionnels sont-ils différents des classes?
  • Créer une application React trop gonflée
  • Rendu de grandes listes à l'aide de React-Window
  • Test de composants unitaires React
  • Mon intuition sur le moment d'utiliser des crochets React personnalisés
  

• VueJS:
  • Dix conseils pour augmenter la productivité lors de l'écriture du code Vue.js
  • Vue.js - Comment créer votre premier package et le publier sur NPM
  • Point de vue - Partie 3 - Clash with React
  • Shoptalk Show # 350: «Vue.js Support» en tant qu'invité invité - Evan You
  

• Angulaire:
  • Comment maximiser les performances de vos applications angulaires
  • Angular 8 Beta: nouveau schéma de mise à jour pour Ivy dans Angular 8.0.0-beta.7
  • 10 meilleures façons d'utiliser des intercepteurs en angulaire
  

• Libs et plugins:
  • ThanosJS - Réduisez la taille du fichier de votre projet à 50% en supprimant accidentellement la moitié des fichiers.
  • Handtrack.js: suivi des mains dans le navigateur en utilisant Tensorflow.js et 3 lignes de code.
  • iro.js - Sélecteur de couleurs SVG basé sur les dépendances personnalisées
  

Navigateurs

• Nouveau codec AV1: accélérez le chargement vidéo dans un navigateur
• Dans les premières captures d'écran, le nouveau navigateur Microsoft Edge sur le moteur Chromium ressemble à un clone de Google Chrome
• Mozilla a corrigé une erreur il y a 8 ans dans Firefox, réduisant la consommation de mémoire
• Vulnérabilité non autorisée dans Chrome attaquée par des attaquants
• Google a dissipé les spéculations concernant la vulnérabilité de 0 jour dans Chrome
• Le nouveau navigateur Edge ne sera d'abord que sur Windows 10 64 bits
• Nouveautés de DevTools (Chrome 74)

Divertissant

• Les pages AMP ont reçu un certain nombre d'améliorations
• La sécurité des applications Web en 2018 s'est gravement détériorée
• Opinion: pourquoi les données ne sont pas du nouveau pétrole
• 50 erreurs graves de programmation et de conception qui coûtent des vies, du temps et de l'argent
• Statistiques publiées des sites compromettants en 2018
• Microsoft a mis à jour la version Web de Skype - maintenant cela ne fonctionne que dans Chrome et Edge
• Microsoft a publié le code source de Windows Calculator sur GitHub
• Une nouvelle vulnérabilité de spoiler affecte toutes les générations de processeurs Intel Core

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