Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 392 (2 - 8 décembre 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" 207. 10 ans de frontend, Firefox 71, WASM, YouTube, sélectionnez, enregistrez le trafic en CSS, publicités, WSD tous
• Podcast CSSSR: Nouvelles 512 - Disposition automatique Figma, Reatom, architecture axée sur le domaine Vue et assemblage Web en droit
• Podcast «Frontend Youth (18+)» # 117 Asseyez-vous à la table, frère!
• UnderJS Podcast # 10 - Conversation avec Artem Harutyunyan sur la gestion de l'État et le "terrible" TypeScript [Tube]
• Podcast Frontend Weekend # 101 - Anastasia Kalashnikova explique comment et pourquoi construire une carrière de psychologue en informatique
• Podcast "Make Me Beautiful!", Numéro 29: Visite d'Arthur Kenzhaev et Artyom Harutyunyan - Les gestionnaires d'État et le reatom comme le summum de l'évolution
• Normes Web Podcast n ° 206. Navigateur de flux, Lighthouse CI, sous-grille, CSS supplémentaire, détails, JS 2019, strict, JS bites
• WSD à Minsk, 2019, enregistrement diffusé
• Enregistrements de rapports environ Tech: Frontend Meetup # 2

Développement Web

• Requêtes réfléchies: Stratégies de mise en cache PWA
• Comment gérer une montre? Analyse de la piste front-end du deuxième championnat de programmation
• Approche microservice dans le développement web: micro frontends
• Comprendre les algorithmes et les structures de données. Accessible et compréhensible
• Architecture frontend: stratégie et métriques pour les tests automatisés.
• Qu'est-ce que la PWA?
• Création de la meilleure sélection personnalisée
• La complexité croissante des sites sur JAMstack et comment les gérer
• Navigateur AI: comparaison TensorFlow, ONNX et WebDNN pour la classification des images

• Les outils
  • 10 fonctionnalités de VS Code pour accélérer le travail du programmeur
  • Docker pour le front-end. Partie 1. Pourquoi?
  • Avantages, inconvénients, trucs et astuces lors de l'utilisation de Prettier avec une grande base de code
  • Aide-mémoire pour les commandes en npm et Yarn
  

• Performances
  • Conseils de performance pour la vidéo d'arrière-plan
  • La vérité désagréable sur l'optimisation de belles images
  • Le prix du temps processeur au niveau des composants JavaScript
  • L'art subtil de la pré-extraction
  

• La disponibilité
  • Il n'y a pas de mythes sur la disponibilité du contraste des couleurs
  • 8 conseils étranges que les experts en accessibilité ne veulent pas que vous connaissiez
  • Futures directives d'accessibilité - pour les personnes qui ne peuvent pas attendre de les lire
  • Composants Web et modèle d'objet d'accessibilité (AOM)
  • Coût par heure pour les tests de disponibilité
  • Conseils d'accessibilité pour les développeurs Web par Addy Osmani
  • Smashing (podcast de SmashingMagazine) épisode 4: Heydon Pickering - quels sont les composants inclusifs?
  

• Les effets
  • Chemins de mouvement - Passé, présent et futur
  • Une sélection de démos web créatives "Awesome Demos Roundup # 11"
  • Techniques de rendu de texte WebGL avec Three.js
  • Possibilités intéressantes de faire défiler sans bibliothèques
  

CSS

• Attribution d'un nom à une grille CSS
• Quelques réflexions sur les problèmes de prise en charge de CSS modulaire et de code
• Introduction aux polices variables
• Amusez-vous avec des styles de mise au point personnalisés
• CSS: art, science, cauchemar (tout ce que vous devez savoir)
• Fais une ombre douce, mon ami. Service de création d'ombres multicouches
• L'histoire des réinitialisations CSS et tout ce que vous devez savoir à leur sujet
• Disposition CSS - une collection de mises en page et de modèles populaires mis en œuvre à l'aide de CSS
• Calcul des couleurs: couleur dynamique avec CSS pur
• Apprenez à créer une galerie de maçonnerie en utilisant du CSS pur.

Javascript

• Dap est un autre moteur à réaction pour le Web. Complètement différent
• Traitement du langage naturel dans Node.js
• TypeScript: avantages et inconvénients
• La vérification du type JavaScript gâche un peu
• Quoi de neuf pour Node.js en 2020
• JavaScript, ES6, ES7, ES10, où en sommes-nous maintenant?
• Un guide simple pour charger du code C / C ++ dans les applications JavaScript sur Node.js
• 5 anti-modèles lors de l'utilisation de collections en JavaScript
• Les gens derrière JavaScript: Allen Wirfs-Brock
• 63 meilleures questions d'entrevue sur Nodejs avec des réponses
• Comment Svelte fonctionne-t-il réellement? partie 1

• Théorie
  • Vous n'avez pas besoin de boucles JavaScript
  • Rappels vs Promesses JavaScript
  • ES7-ES9 Features # 2 Object.getOwnPropertyDescriptors ()
  

• Réagir
  • Comparaison de React Native et Flutter en termes d'application dans des projets réels
  • Version Create-react-app v3.3.0
  • Présentation de React View, le sandbox interactif de vos composants
  • Création d'applications GraphQL + React avec TypeScript
  • Comment écrire des composants React correctement typés à l'aide de TypeScript
  • Comment inclure React dans un thème WordPress
  

• Vue
  • Vue 3 va devenir plus rapide
  • Trick up the sleeve Vuex: Promises and WeakMaps
  • Le filtrage dynamique des listes avec Vue sur le serveur est plus facile que vous ne le pensez
  • Comment utiliser l'API basée sur OAuth dans Vue.js?
  • Création d'un composant de défilement infini à l'aide de VueJS et GraphQL
  • Créez une recherche et un filtrage avancés à l'aide de Vuex (dans Nuxt)
  

• Angulaire
  • Mes outils préférés pour les développeurs Angular
  • Comment créer une application sur Angular 8 avec demande d'API en 10 minutes?
  • L'avenir d'Angular avec Ivy
  • 20 conseils de performance angulaire
  

• Ember
  • Ember Octane Highlights Aperçu
  • Comment Ember aide à localiser votre projet
  • Le podcast EmberMap - Quand la composabilité n'est pas la réponse
  

Navigateurs

• Sortie de Firefox 71
• L' audience du navigateur privé Brave a dépassé 10 millions d'utilisateurs
• New Opera pour Android a reçu un mode nuit "forcé" avec une luminosité et un réglage de la température de couleur réduits
• Extensions Avast et AVG pour Firefox supprimées du catalogue en raison de la collecte de données utilisateur
• Nouveautés de DevTools (Chrome 80)

Divertissant

• L'exemple le plus populaire de code Java sur StackOverflow s'est avéré être une erreur
• Mozilla présente le moteur de reconnaissance vocale DeepSpeech 0.6
• Publication de tests d'applications simples dans divers langages de programmation.
• «Inventeurs, pas entrepreneurs»: pourquoi Sergey Brin et Larry Page ont quitté l'alphabet

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