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

• Podcast CSSSR: Nouvelles 512 - React Conf, SmashingConf, VS Online, PHP 7.4.0 RC6, React 16.12, Wordpress 5.3
• SPB Frontend Drinkcast # 32 - «Y a-t-il une vie après le frontend»
• Podcast «pro conf» # 38 Holy.js: Piter 2019 | CI / CD | Opensource est cool | L'accessibilité A11y ne se produit jamais beaucoup
• Podcast du week-end # 99 - Ce qui a changé pour Vitaliy Friedman (À propos de la fatigue de la conférence et de l'écosystème du magazine Smashing)
• Podcast «Frontend Youth (18+)» - Backspace pour Frontend
• Podcast "Web Standards" n ° 203. Edge Ready, WebKit 2020, Accessibilité et droit, WeakMap et GC
• Devshahta / Night frontend n ° 101: Anton Anokhin sur les difficultés du techno-PR d'une entreprise écrivant sur Dart
• Repozitorro # 34 - Collection d'erreurs pour débutant
• Enregistrements de toutes les sessions avec Chrome Dev Summit 2019

Développement Web

• Web Almanac 2019: disponibilité
• Enquête Frontend Tools 2019 - Résultats
• WebAssembly: quoi et comment
• L'utilisation de polyfills lors de l'écriture d'applications inter-navigateurs
• Qu'est-ce que CORS
• Web Almanac - rapport sur l'état actuel du web dans l'étude HTTP Archive
• Quand utiliser SVG et quand Canvas
• Mise à l'échelle GraphQL dans PayPal
• Brendan Ike, créateur de JavaScript et co-fondateur de Mozilla, répond aux questions de l'AMA sur reddit
• Débuter avec Puppeteer

• Performances
  • Google Chrome marquera les sites trop lents avec un indicateur spécial
  • L'état des méthodes modernes d'optimisation des images sur le réseau en 2019
  • Lighthouse CI - un ensemble de commandes qui automatiseront la réception et le traitement des résultats de Lighthouse
  

• Les effets
  • Développement de favicon animé
  • Effet des feux de route sur Three.js
  • Une sélection de démos créatives sur les technologies web "Awesome Demos Roundup" # 10
  

CSS

• Résolution du problème des lignes irrégulières dans les gradients
• Les expressions multimédias CSS ont une largeur supérieure à la largeur maximale
• CSS4 ne sera pas ... car il a disparu depuis longtemps. Rencontrez CSS8!
• Propriétés booléennes CSS
• Quelques stratégies de grille CSS pour faire correspondre les mises en page
• Obtenez plus à moindre coût avec des polices variables
• Réflexions après avoir consulté un chapitre sur CSS dans Web Almanac 2019

Javascript

• Nouvelles fonctionnalités JavaScript attendues que vous devez connaître
• Chaînage facultatif des performances en JavaScript
• Dangers JavaScript peu connus
• Utiliser des modules pour créer une application JavaScript modulaire
• Création d'un visualiseur de graphiques audio Wave à l'aide de JavaScript vanilla
• Comment TypeScript fait de vous le meilleur développeur JavaScript

• Théorie
  • Programmation fonctionnelle du point de vue d'EcmaScript. Composition, curry, application partielle
  • Les paramètres de répartition et de repos de l'opérateur en JavaScript
  • Pourquoi avons-nous besoin d'un mode strict en JavaScript?
  • Modest JS Works. Un petit livre électronique pour ceux qui veulent écrire du JavaScript modeste, puis se concentrer sur tout le reste qui compte lors de la création de l'application.
  • Manipulation JavaScript nulle et non définie
  • Amusez-vous avec les proxys ES6
  

• Réagir
  • React Context en 5 minutes: qu'est-ce que c'est et comment l'utiliser
  • Créez votre propre réaction
  • React useState () Hook Competent Guide
  • Construire un système de paiement en utilisant React et Stripe
  

• Vue
  • Tests unitaires dans Vue & Mocha: Partie 1 , Partie 2
  • Un aperçu de l'API Vue 3 Composition à l'état sauvage
  • Compilez Vue 3 à partir de zéro et essayez la nouvelle API de composition
  

• Angulaire
  • Angulaire: rediriger vers des liens externes
  • Comment créer une application Angular 8 à partir de zéro en 11 étapes faciles
  • Guide pratique de Angular: Components et NgModules
  • Lierre polyvalent: utiliser angulaire et réagir ensemble
  

• Libs et plugins
  • 9 bibliothèques de composants Web
  • GSAP 3 est maintenant disponible
  • GSAP 3 Playground: une sélection de démos sur CodePen avec de nouvelles fonctionnalités intéressantes
  • GSAP 3 Nouvelles fonctionnalités
  • Paged.js est une bibliothèque de pagination de contenu dans un navigateur. Basé sur les spécifications du W3C, Polyphile for Paged Media et Generated Content for Paged Media.
  • éclat - Imitation de tissu sur GPGPU
  

Navigateurs

• La sortie officielle de Brave - le premier navigateur open source privé
• Sortie de Firefox Lite 2.0, un navigateur compact pour Android
• Dans la dernière version du navigateur Opera pour PC, la barre d'adresse, la conception des signets et des histoires ont été mises à jour, ainsi que la possibilité de voir les trackers Web bloqués

Divertissant

• Mozilla, Fastly, Intel et Red Hat font la promotion de WebAssembly comme plate-forme à usage universel
• GitHub a lancé un projet commun pour identifier les vulnérabilités des logiciels open source
• GitHub redémarre l'application mobile
• Microsoft placera tout le code source ouvert de GitHub dans Doomsday Storage in the Arctic Editorial Material

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 .