Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 399 (20-26 janvier 2020)

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 - Composants stylisés 5.0, chargement différé, disposition multidirectionnelle, ru Github
• Podcast Frontend Youth (18+) # 123 Git avec balalaïka et ours
• Podcast "Devshahta / Night Frontend" n ° 109: Travail compétent avec des erreurs. Monade non plus.
• Podcast "Web Standards" n ° 211. Compétences générales, football et vie sans interface, composants Web, React, grilles, performances, plongeurs
• Make Me Beautiful Podcast, numéro 33 - Tendances de conception, micro-navigateurs et études en développement
• Podcast Frontend Youth (18+) # 122 Salaire équitable pour le plancton

Développement Web

• Rendu de site Web 101
• Au revoir le code propre
• Nouveau sur JAMstack? C'est tout ce que vous devez savoir pour commencer.
• Web 2020: extensibilité et interopérabilité
• Six conseils pour travailler à l'internationalisation des applications Web
• Un guide complet des iframes
• Pas besoin de détester les composants Web
• Recréer un bouton Arduino à l'aide de SVG et de lit-element

• Les outils
  • Plus joli dans les grands projets: passez 20 minutes sur la configuration, oubliez le formatage pour toujours
  • Optimisation du temps de construction du projet
  • Rencontrez Yarn 2!
  • Playwright est la nouvelle bibliothèque Node de Microsoft pour automatiser les navigateurs sur Chromium, WebKit et Firefox. Créé par des développeurs Puppeteer, Playwright vise à créer une plate-forme d'automatisation Web multi-navigateur, rapide et évolutive.
  • Configuration ESLint et meilleures pratiques
  • Mon histoire sur les outils, technologies et solutions de développement Web
  

• Performances
  • Microoptimisation des performances et JavaScript
  • Google PageSpeed ​​Insights: la vérité sur 100/100
  • Vitesse de mille coupes
  

• La disponibilité
  • Disponibilité dans le nouveau Microsoft Edge
  • Une mauvaise disponibilité signifie une mauvaise qualité
  

• Les effets
  • Nous réalisons l'effet visuel du film "The Matrix"
  • L'effet du déploiement d'une image à partir d'un rouleau à l'aide de Three.js
  • Une sélection d'interfaces créatives «Roundup d'interactions et d'animations UI # 2»
  • Nuit au Musée des très bons garçons
  

CSS

• RTL Styling 101 - Un guide détaillé du style CSS RTL
• La cascade CSS. Ou comment les navigateurs résolvent le problème avec les styles CSS concurrents
• CSS Houdini: tout ce que vous devez savoir sur les API les plus populaires
• Comprendre les mots-clés CSS: initial, hérité et non défini
• Utilisation de modificateurs adaptatifs pour contrôler les changements de disposition dans vos composants
• Création de dispositions bidirectionnelles
• Un peu de CSS imaginaire
• 4 dispositions CSS sans utiliser de requêtes multimédias
• Liens dégradés multilignes
• Dégradés arc-en-ciel magiques avec CSS Houdini et React Hooks
• Dimensions internes CSS

Javascript

• Innovations JavaScript ES2020 avec des exemples simples
• Erreurs courantes lors de l'utilisation de Promise en Javascript
• Lecture et traitement de fichiers à l'aide de l'API JavaScript FileReader
• 10 frameworks JavaScript les plus importants de la dernière décennie
• Svelte - une recette pour un framework réussi?
• Pourquoi j'aime Svelte
• Chers fans de Loop: utilisons les méthodes Array
• Visualisation JavaScript: générateurs et itérateurs

• Réagir
  • Comment utiliser Control Inversion en JavaScript et Reactjs pour simplifier la gestion du code
  • Présentation de JSX avec trois exemples non réactifs
  • 10 concepts JavaScript dont vous avez besoin pour maîtriser React (+ aide-mémoire)
  • Guide du débutant du cycle React JSX
  • Créez des formulaires plus accessibles avec les icônes React
  • Chargement dynamique des composants React avec crochets
  

• Vue
  • À quoi s'attendre dans Vue 3.0?
  • Comment écrire une application Vue.js entièrement en TypeScript
  • Comment créer une application web progressive sur Vue.js
  • Vous aimez Vuetify? Découvrez PrimeVue, la nouvelle bibliothèque d'interface utilisateur puissante de Vue.
  • Carrousels sur Vue.js: prise en charge et performances SSR
  

• Angulaire
  • Angular 9 et Ivy: chargement de composants paresseux
  • Guide pratique de l'injection angulaire: services et dépendance
  • Comment implémenter une architecture micro frontend avec Angular
  

• Ember
  • The Ember Times - Numéro 131
  • The Ember Times - Numéro 132
  • Comment nous avons réalisé des versions «à feuilles persistantes» dans une application d'entreprise sur Ember.js
  • Métadonnées RouteInfo (3.10)
  

• Libs et plugins
  • Bibliothèque JS pour vérifier les propriétés de JS, qui sont des données de formulaire.
  • React Nice Dates: adaptatif, avec prise en charge des événements tactiles, une bibliothèque modulaire de sélection de dates
  

Navigateurs

• Les micro-navigateurs sont partout. Mais que savons-nous d'eux?
• Des chercheurs ont accusé Opera d’émettre des microcrédits à 438% par an en contournant les règles de Google
• Google teste la nouvelle interface du menu Partager dans Chrome - avec des outils pour créer des codes QR et des captures d'écran
• Examen de la version finale de Microsoft Edge basée sur Chromium: un nouveau vieil ami
• La prochaine version du navigateur Apple Safari sera publiée sans le support d'Adobe Flash
• Mozilla a bloqué 197 modules complémentaires Firefox au cours des deux dernières semaines
• Edgium

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 .