Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 340 (19-25 novembre 2018)

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 du week-end # 80 - Gordey Levchenko sur le déménagement au Kazakhstan et le développement de la communauté frontend à Astana
• Devshahta Podcast: # 58: UFADEVCONF, Condition Node.js en 2018
• CSSSR Podcast News 512 - Numéro 30 (19 novembre - 25 novembre)
• Blog vidéo Vadim Makeev 10. Skillbox, optimisation graphique, Squoosh et élément d'image

Développement Web

• Vers QUIC: ce qui sous-tend HTTP / 3
• Développez votre navigateur à partir de zéro. Première partie: HTML
• Travailleurs Web vs Travailleurs de services vs Worklets
• Pourquoi et comment utiliser les images WebP aujourd'hui
• Explorer le DOM fantôme
• WebSockets - une plongée profonde dans le concept
• Réécrire l'histoire de Git et les sources JS pour le plaisir et les avantages

• Performances:
  • Vous n'avez pas besoin de PWA ou d'AMP pour rendre vos sites rapides
  • Cinq pourquoi sur les performances de téléchargement de polices Web
  • Deuxième contenu significatif: la pire mesure de performance
  • Polices Google rapides avec Cloudflare Workers
  

• Outils:
  • JetBrains a mis à jour WebStorm IDE vers la version 2018.3
  • Demoboard: Un sandbox en ligne pour créer des démos sur JS et Markdown, qui importe n'importe quel paquet avec npm. Plus besoin de s'embêter avec package.json et node_modules
  • create-yo: utilisez n'importe quel générateur Yeoman. N'installez pas.
  

• Accessibilité:
  • Loi européenne sur l'accessibilité: négociations entre le Parlement et le Conseil de l'UE
  • Accessibilité des médias: est-ce important?
  

CSS

• Cooking Perfect CSS
• Flexbox Infographie de la technologie
• Quelques conseils CSS pratiques
• Amélioration progressive | Règle CSS @supports
• L'état actuel de la possibilité de styliser les barres de défilement
• Séparateurs à l'intérieur de <select>
• Les exclusions CSS ressembleront, espérons-le, à des flotteurs plus avancés adaptés à la grille
• Une autre explication de CSS Position Absolute
• Expériences en mode d'écriture CSS
• Et encore une fois sur l'ordre des propriétés en CSS

Javascript

• Analyse de mutation, ou comment tester des tests
• 5 fonctionnalités jQuery converties en JavaScript natif
• 10 commandes de console pour simplifier le débogage du code JavaScript
• L'état de JavaScript 2018
• Le sondage sur l'état de JS est une farce
• Expérimentation d'interfaces cerveau-ordinateur en JavaScript
• Introduction à Imba: langage DOM compatible JavaScript aussi vite que possible
• Dart pour les programmeurs JavaScript
• Ajout d'un opérateur de pipeline (pipelines) à JavaScript
• 7 excuses pour ne pas utiliser TypeScript
• htm: Hyperscript Tagged Markup : alternative JSX utilisant des modèles de balises standard avec prise en charge du compilateur

• Théorie:
  • Comprendre la mémorisation en JavaScript pour de meilleures performances
  • Tout copier en JavaScript: comment faire la distinction entre la copie superficielle et la copie profonde
  

• Réagissez:
  • Idiomatic Redux: Historique d'implémentation de React-Redux
  • Comment créer une liste Todo avec des crochets React
  • 5 façons de styliser les composants React en 2019
  • Réutilisation facile du code avec les crochets React
  • Comment créer une application à trois couches sur React
  • Fonctionnalité de réaction de bout en bout à l'aide de composants de haut niveau, d'accessoires de rendu et de crochets
  • Commerce électronique pour les développeurs React [avec didacticiel Gatsby]
  • React State (basé sur l'état de l'enquête JavaScript 2018)
  • JSX est du sucre syntaxique
  • React Podcast 29: Ne réécrivez pas votre application pour les crochets et le suspense avec Jared Palmer
  

• VueJS:
  • Vue pour les développeurs jQuery
  • Comment créer un SPA en utilisant Vue.js, Vuex, Vuetify et Firebase
  • Création d'infographies interactives avec Vue.js
  • Saisie de Vuex sans TypeScript
  • Jeu de cartes interactif avec la possibilité de glisser vers Vue.js et interact.js
  

• Angulaire:
  • Créez des listes interactives avec le nouvel outil Angular 7 Drag and Drop
  • Awesome Angular GraphQL - une sélection de ressources
  • Gestion des erreurs avec Angular 6 - Conseils et meilleures pratiques
  • L'enquête sur l'état de JavaScript 2018 dans le contexte d'Angular
  • Créer des modèles consultables dans Angular
  

• Libs et plugins:
  • autoComplete.js - autocomplétion simple en pur Javascript
  • Faire de la musique avec magenta.js
  • cms.js: générateur de site client
  

Web spectaculaire

• Comment travailler avec la matrice dans les filtres SVG
• Effet de feu sous #codevember
• Effet de morphing lors du changement d'états américains
• Page interactive orano.group avec une combinaison cool d'effets et de fonctionnalités
• Sites Web brutaux

Navigateurs

• Firefox 65 va repenser l'interface de configuration de blocage de contenu
• Une attaque sur les navigateurs a été introduite, vous permettant de définir un site dans un autre onglet
• Microsoft et Google développent une version du navigateur Chrome pour Windows sur ARM

Divertissant

• Prix du Black Friday humain
• Machine Learning chez Google: Quoi de neuf?
• Les sites WordPress sont attaqués à l'aide de la vulnérabilité du plugin AMP for WP
• WWW: JPEG Archive - un ensemble d’utilitaires pour une compression photo optimale
• Mozilla a introduit le système de synthèse vocale LPCNet
• «Bendgate 2»: la nouvelle tablette Apple iPad Pro peut être facilement déformée - même en quelques jours d'utilisation typique
• Comment augmenter la productivité - conseils de 9 PDG

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 .