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

Médias

• Podcast CSSSR : Nouvelles 512 - NodeJS 12 LTS, React Concurrent Mode, PWA, Figma, Chrome 78, Electron 7
• Podcast Devshacht / Night Frontend 100: Contexte asynchrone
• Podcast «Frontend Youth (18+)» - # 112 Pensez plus vite, ou vous obtiendrez directement ici
• Winterview - # 102 - Ilya Nemiro à propos des interviews frontales
• Podcast sur les normes Web n ° 200: passion CSS, chaque mise en page, pourquoi Sass, hiboux ou lacunes, requêtes de conteneurs, BEM
• Repozitorro # 32 - Atterrir sur React! Mythe ou réalité?)
• Nordic.js 2019, 27 vidéos

Développement Web

• GraphQL a-t-il perdu de sa pertinence à l'ère HTTP / 2?
• Une application web interactive sans programmation? C'est facile! Mavo dans tes bras
• Webdev indépendant - comment et avec qui vous ne devriez PAS travailler
• Mouvement IndieWeb: Posséder vos données et changer ce que vous voulez voir sur Internet
• Création d'applications de signet avec FaunaDB, Netlify et 11ty
• Guide d'optimisation de l'image mobile
• Pourquoi Parcel est devenu mon principal fournisseur de développement
• Orientation de l'image Web
• HTMHell - Une collection de mauvaises pratiques en HTML, copiée à partir de sites réels.

• La disponibilité
  • Pourquoi les sites Web accessibles sont-ils si difficiles à créer?
  • Disponibilité, avenir et pourquoi le cas de Domino est important
  • Accessibilité de Fata Morgana
  • Lettres initiales disponibles
  • Comment les entreprises peuvent empêcher les litiges sur l'accessibilité des sites Web d'ADA
  

• Les effets
  • Créez des effets de survol créatifs en forme de point avec Three.js
  • Jouez à Beat Saber dans un navigateur en utilisant les mouvements du corps à l'aide de PoseNet et Tensorflow.js
  • Formulaire de carte de crédit interactif sur VueJs
  • Visualisation sonore à l'aide de D3 et de l'API Web Audio
  

CSS

• Petites astuces de propriétés personnalisées (variables CSS)
• Création d'une mise en page Scrapbook sur une grille CSS
• Disposition non triviale des éléments sur Flexbox sans demandes de médias
• Syntaxe à deux valeurs pour la propriété d'affichage CSS
• Nouvelles règles de jeu CSS: min () et max () maintenant dans @webkit
• Utilisez CSS Grid en production dès aujourd'hui
• 8 fonctions CSS modernes (et comment les utiliser)
• Focus frontal: mode sombre. À propos des fonctionnalités et de l'état actuel du mode sombre sur le Web
• Tendances CSS 2019: un guide complet pour suivre les dernières tendances CSS
• L'histoire des grilles: de l'imprimerie à la conception web moderne
• Un petit tutoriel sur les polices de couleurs variables
• 25 jours d'animation CSS: Auto-apprentissage CSS avec Motion Design.

Javascript

• Qui est le tueur JavaScript?
• Invalidation du cache en cascade. Partie 1
• 7 questions d'entrevue JavaScript simples mais délicates
• Mon approche de la documentation de projets en Javascript
• Pourquoi j'ai cessé d'utiliser l'exportation par défaut dans mes modules JavaScript
• Comment la fonction de réduction () fonctionne en JavaScript, quand l'utiliser et ce que vous pouvez faire de sympa avec
• 7 frameworks Node.js les plus populaires en 2019
• Écriture de tâches asynchrones en JavaScript moderne
• Problèmes d'état mutables partagés et comment les éviter
• Révéler les secrets de sort () en JavaScript

• Communiqués
  • La sortie de la plateforme JavaScript côté serveur Node.js 13.0
  • Electron 7.0.0
  • Notes de mise à jour de Puppeteer v2.0.0
  

• Svelte
  • Cours intensif Svelte (en 10 photos)
  • Ce que j'aime dans l'écriture de styles avec Svelte
  • Comment créer un jeu Tic Tac Toe avec Svelte
  • Comment créer une application d'actualités avec Svelte
  • Référence Svelte
  • Svelte vs React: premières impressions
  

• Réagir
  • Redux - Pas nécessaire! Remplacer par useContext et useReducer dans React?
  • Préparer l'avenir avec les versions préliminaires de React
  • J'ai testé l'application React avec Jest, Enzyme, Testing Library et Cypress. Voici les différences.
  • Comment utiliser efficacement l'API Context avec des hooks, en évitant les goulots d'étranglement des performances
  • 7 façons d'implémenter le rendu conditionnel dans les applications React
  • 55 leçons après 5 ans d'utilisation de React
  

• Angulaire
  • Composants agulaires en angulaire
  • Architecture angulaire - documents non officiels
  • Grille angulaire et CSS: propriétés de maillage dynamique
  • Comment implémenter correctement le chargement paresseux dans Angular 7/8
  

• Vue
  • 10 meilleures pratiques pour créer et soutenir de grands projets sur Vue.js
  • Année avec Nuxt.js - examen du cadre
  • Utilisation de l'API Vue Composition avec Firebase
  • Réflexions sur l'API Vue 3 Composition - `reactive ()` est considéré comme nuisible
  

• Libs et plugins
  • plexis est une bibliothèque de chaînes puissante et communautaire.
  • Jsfuzz: fuzzing (CGF) - test pour Javascript
  • Peaks.js - interaction avec les graphiques d'ondes audio
  

Navigateurs

• Amélioration des contrôles Microsoft Edge sur Chromium
• Sortie de Firefox 70
• Firefox 70: détails pour les développeurs web par Marat Tanalin
• Version Chrome 78
• Firefox a mis en place une protection contre le suivi sur les réseaux sociaux
• Prise en charge des modules complémentaires pour le navigateur mobile Firefox Preview
• L'Autorité allemande de la sécurité des informations a nommé Firefox le navigateur le plus sécurisé
• Le support PWA du Samsung Galaxy Store apparaît

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 .