Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 371 (24-30 juin 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 Web Standards , numéro 182. Node.js, npm et JetBrains, employés de service et WASM, prix JS, CSS moderne, accessibilité
• Podcast Web Standards , numéro 181. Panda Meetup, Chrome 76, a11y, toast, préprocesseurs et jQuery
• Podcast Frontend Weekend # 94 - Denis Mishunov explique pourquoi vous devriez partir pour la Norvège et travailler à distance au GitLab
• CSSSR Podcast, News 512 : Vue 3 RFC mise à jour, plus sur les microservices, le nouveau tueur Redux et les publications intéressantes
• Podcast Frontend Youth (18+) # 97: Une architecture que vous ne méritez pas
• Repozitorro # 20 - Portfolio dans l'autre sens ...
• WSD à Moscou 2019 , 8 vidéos
• Amsterdam JSNation 2019 , 15 vidéos
• Podcast Syntax.fm n ° 154: SVG avec Sara Soueidan

Développement Web

• Comment configurer l'analyse Web sur les pages AMP
• Débuter avec les performances Web? C'est sur cela que vous devez vous concentrer.
• Création de PWA avec Webpack et Workbox
• API de détection de spam
• Simuler le positionnement relatif de SVG imbriqué dans SVG
• Le HTML peut faire ça? . Une sélection de démos démontrant la puissance du HTML pur

• Accessibilité:
  • Comment les arbres d'accessibilité informent la technologie d'assistance
  • Rapport de litige sur l'accessibilité du Web (conformité ADA) pour le premier semestre. (Spoiler: un nouveau procès toutes les heures)
  • Qu'est-ce que l'accessibilité pour les applications Web et pourquoi cela me dérange-t-il?
  

• Web spectaculaire:
  • Comment créer une animation de défilement connexe
  • Un site interactif pour apprendre les bases de la musique synthétique . Propulsé par Web Audio, WebAssembly et WebGL en utilisant three.js, Tone.js, anime.js et React avec TypeScript
  • useAnimations: icônes animées utilisant le framework Lottie et After Effects pour une utilisation dans des applications et des sites Web
  

CSS

• 10 plugins PostCSS qui vous feront gagner du temps de mise en page
• 18 astuces CSS pour faciliter la vie de votre développeur
• Trois prédictions de l'enquête State of CSS 2019
• Guide de centrage complet à l'aide de Flexbox
• a11y-css-reset
• Planifier une conférence sur CSS Grid
• Drag-n-drop collant, sans JS!
• Polices variables pour les développeurs
• Considérez BEM comme une philosophie d'interface utilisateur au lieu de nommer des classes CSS

Javascript

• Coût JavaScript en 2019 par Addy Osmani
• RxJS: une introduction simple
• Recherche instantanée JavaScript vanille

• Théorie:
  • JavaScript fonctionnel: cinq façons de trouver la moyenne arithmétique des éléments d'un tableau et la méthode .reduce ()
  • 5 fonctionnalités ES2019 que vous pouvez utiliser aujourd'hui
  • Comment configurer globalThis polyfill en JavaScript universel
  • Comprendre Async / Await en JavaScript à l'aide d'exemples
  • Collections JavaScript - Set, Map, WeakMap et WeakSet
  

• Mongo / Node:
  • Design Patterns in Node.js: A Practical Guide
  • Nouveau module ECMAScript pris en charge dans Node.js 12
  • Firebase ou MongoDB: quelle base de données utiliser pour le développement d'applications
  

• VueJS:
  • Utilisation de middleware dans Vue
  • Pourquoi les gens se mettent-ils en colère contre Vue 3
  • Guide du débutant Vue CLI
  • Quand l'attribut: key de Vue a-t-il vraiment besoin et pourquoi?
  • Comment démarrer avec Vuetify
  

• Réagissez:
  • Développement d'une application de streaming à l'aide de Node.js et React
  • Présentation de useReducer React Hook
  • Réagir au mythe de l'inaccessibilité
  • Les dix commandements des composants React
  • Ajout d'un composant WebAssembly à une application React
  • Des concepts avancés de hooks React expliqués sur l'exemple du jeu Snake
  • Next.js ou Create React App: quelles applications sont les plus productives?
  

• Angulaire:
  • État angulaire en 2019
  • Comprendre la magie derrière les éléments angulaires
  • Création d'un lecteur de musique à l'aide de Kendo UI et Angular
  • Ce que j'ai appris de 3 ans de développement dans Angular 2+
  

• Braise:
  • Premiers pas avec Glimmer-Native
  • Ember.js Seattle Meetup avec Yehuda Katz
  • Souhaits pour la feuille de route Ember 2019
  

• Libs et plugins:
  • 10 meilleures bibliothèques JavaScript pour visualiser les données sur des graphiques et des tableaux
  • freezeframe.js - une bibliothèque qui interrompt les .gifs animés, déclenchant l'animation au survol / clic / toucher
  • TWGL : une petite bibliothèque d'aide pour WebGL
  • pixelmatch: une petite bibliothèque JS simple et rapide pour la comparaison d'images pixel par pixel
  • svelte-adapter: utilisation des composants Svelte avec Vue et React
  

Navigateurs

• Firefox Nightly teste le générateur de mots de passe
• L'outil Track THIS de Mozilla astuces les algorithmes de publicité
• Microsoft Edge aura trois modes de blocage des scripts de suivi
• Firefox 68 proposera une nouvelle implémentation de la barre d'adresse
• Première version du nouveau navigateur Firefox Preview pour Android

Divertissant

• La compétence la plus importante qu'un programmeur peut maîtriser
• Les utilisateurs de Google peuvent désormais limiter la durée de stockage des données d'activité (historique des emplacements, applications et recherches Web) sur les serveurs de l'entreprise
• Terminal Windows - bases de configuration et premières impressions
• «Le développement du langage Kotlin était beaucoup plus cher que notre produit moyen»: un entretien avec le responsable de JetBrains
• Pourquoi cela vaut la peine d'inclure le prototypage dans le développement
• Facebook, Google et d'autres sociétés informatiques créeront conjointement un ensemble commun de tests pour l'IA
• Trump a verbalement autorisé les entreprises américaines à travailler avec Huawei
A.

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 .