Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 374 (29 juillet - 4 août 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 - Next.js, Guardian Design System, Teamlead Bootcamp, nouveau dans l'intégration de Slack et Githu
• Podcast React Five Minute : TechTrain, Richard Stallman et le logiciel libre
• Podcast «devschacht» # 88: Au bord de la terre. Comment l'expérience précédente aide dans le travail.
• Podcast «Frontend Youth (18+)» # 101 Comment acheter un village en route pour une bière
• UnderJS Podcast : # 1 - Pilot - Real Underground
• "Repozitorro" # 23 : Pss guy, un petit Vue.js ne veut pas?
• «Pro ​​Conf» # 24 PerfMatters: Web Performance Conference 2019
• "Conférence #PerfMatters 2019"

Développement Web

• Démarrage rapide avec WebComponents
• SVG dans la vraie vie. Rapport Yandex
• Guide de développement basé sur les composants
• Conception frontale, React et le pont sur la grande section
• Oups, il semble que nous soyons devenus des développeurs de pile complète
• Frontend en Corée du Sud . Un sujet sur reddit où les frontaux locaux partagent leur douleur
• Créez un effet de verre réaliste avec SVG

• Performances:
  • Caractéristiques de Google PageSpeed: amélioration de l'évaluation du site et du classement de recherche
  • J'ai utilisé Internet toute la journée avec un budget de 50 Mo. Expérience de survie sur Internet
  • Rendre Instagram.com plus rapide: Partie 1
  

• Accessibilité:
  • Stratégies d'accessibilité pour votre équipe de contenu
  • La vérité sur l'accessibilité numérique
  • Création de boutons radio personnalisés accessibles depuis le clavier
  

CSS

• Explorez les propriétés d'animation CSS avec un chaton magique
• Utilisation d'attributs CSS personnalisés générés par JavaScript comme mécanisme de passage
• 7 principales tendances CSS pour 2019
• Nouvelles fonctionnalités CSS dans Firefox 68
• Quelle est la spécificité des règles @rules comme @keyframes et @media?
• Flexbox et rembourrage
• Meilleures pratiques pour organiser les thèmes en CSS

Javascript

• Introduction à Screen Capture API - Scannez les codes QR dans un navigateur
• Programmation JavaScript asynchrone (rappel, promesse, RxJs)
• Expérience de la traduction d'un grand projet de Flow en TypeScript
• Utilisation de l'intelligence artificielle dans un navigateur avec TensorFlow.js
• Conseils pratiques pour améliorer le code JavaScript
• Aide-mémoire pour passer de jQuery à vanilla JavaScript
• Écriture d'une application MVC simple en JavaScript simple
• Comment ne pas aspirer en javascript
• Svelte: premières impressions

• Théorie:
  • Que faites-vous, boucle d'événement? Ou comment fonctionne la boucle d'événements dans le navigateur Chrome
  • Explication du fonctionnement d'EventLoop en JavaScript
  • Comprendre la confusion entre les méthodes JavaScript slice (), splice () et split ()
  • Concepts JavaScript: affectation destructive
  • Promesses JavaScript et Async / Await: aussi vite que possible
  

• Réagissez:
  • React + Redux + Comlink = Off-main-thread
  • Tutoriel <Animated /> React
  • Obtention de données dans React à l'aide de React Async
  • Pourquoi les hameçons React?
  • React remplacera-t-il les crochets Redux?
  • Les crochets React remplaceront-ils les composants d'ordre élevé (HOC)?
  • localiser-réagir : une bibliothèque simple et légère pour la localisation dans les applications React sans dépendances, construite sur la base du nouveau React Context Api
  • Solution efficace pour remplacer Redux par le contexte React et les hooks
  

• Angulaire:
  • Créez votre propre classificateur d'images sur Angular et Tensorflow.js
  • Meilleurs projets open source angulaires
  • Sortie bêta publique de Bit avec Angular
  • Svelte pour les développeurs angulaires
  

• VueJS:
  • Création d'itinéraires dynamiques dans une application Nuxt
  • Vue.js 3: Programmation en perspective
  • Premiers pas avec Vuetify 2.0
  

• Braise:
  • Feuille de route Ember 2019-2020
  • Musée de la composante Ember . Découvrez toutes les façons d'utiliser les composants dans Ember 3
  • Aide-mémoire du composant Ember
  

Navigateurs

• Configurer Firefox sur Linux
• Une expérience liée au DNS sur HTTPS sera menée dans Firefox
• Sortie de Chrome 76
• Version du navigateur Web Midori 9
• Microsoft a annoncé la désactivation de VBScript dans Internet Explorer 11
• Nouveautés de DevTools (Chrome 77)
• Nouvelles fonctionnalités CSS dans Firefox 68

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 .