Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 383 (1 - 6 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 | Divertissant |

Médias

• Podcast CSSSR: Nouvelles 512 - Hacktoberfets, directives Vue, TypeScript 3.7 Beta et PostgreSQL 12
• Devshahta Podcast # 96: Objectifs, champs privés et le nouveau Node.js
• Podcast Devshahta # 97: LongestJS, Panel TC39, ateliers HolyJS et ateliers légers
• Frontend Youth (18+) # 110: Compiler le Shavarma
• Repozitorro # 29 - Une erreur fréquente des débutants

Développement Web

• "Alice, allons au front!"
• Le rendu de texte vous déteste
• Évolution de la gestion de contenu Web

• Les outils
  • Comment ouvrir un package npm avec un déploiement normal, un CI et une démo (sans perte de joie de vivre)
  • Choses que vous ne savez peut-être pas sur Chrome DevTools
  • WebHint dans Firefox DevTools: compatibilité, accessibilité améliorées, etc.
  

• Performances
  • Accélération instagram.com. 2e partie
  • Optimisation d'image pour le Web - Un guide détaillé
  

• La disponibilité
  • Bonne police
  • Composants inclusifs: interfaces à onglets
  • Défilement sans fin et rôle = problèmes d'accessibilité
  • Sara Suidan sur l'accessibilité appliquée: conseils pratiques pour créer des interfaces plus accessibles (SmashingConf Feiburg 2019)
  

CSS

• Ne compliquez pas le CSS évolutif
• Réinitialisation CSS moderne
• Se sentir à nouveau impertinent. Article de blog Cloudfour sur la façon dont ils ont pensé à retourner à Sass après 4 ans d'utilisation de PostCSS
• Créer une mise en page Scrapbook à l'aide d'une grille CSS
• Concevoir des modèles d'éditeur à l'aide de la grille CSS et des colonnes nommées
• Créer un diaporama avec CSS Scroll Snapping
• Pourquoi CSS est-il si bizarre?
• De nombreuses façons de lier des formes et des images avec HTML et CSS
• Mises en page intéressantes avec CSS Grid
• Essayer de comprendre le support CSS dans Gmail (à partir de 2019)

Javascript

• Créer PWA en utilisant Vanilla JavaScript
• N'utilisez pas de variables JavaScript sans comprendre la zone morte temporaire
• RE: Douleur et larmes dans Svelte 3
• Exécution de code JavaScript via import ()

• Communiqués
  • TensorFlow 2.0 publié avec des API repensées et des performances améliorées
  • TensorFlow 2.0 est maintenant disponible!
  • Preact X - nouvelle version de preact avec DOM vertueux et fragments de suspense
  • Sortie de Nuxt v2.10.0
  • Annonce de la version bêta de TypeScript 3.7
  • Soyez à jour! Node.js 8 n'est pas pris en charge depuis 2020
  

• Théorie
  • Une note sur void en JavaScript et TypeScript
  • Deux cas d'utilisation exceptionnels pour l'opérateur d'épandage que vous ne connaissez peut-être pas
  • Fonctions d'ordre supérieur et leur utilisation en javascript
  • Détails sur la méthode filter () en JavaScript
  • Pourquoi est-ce que je préfère les objets aux instructions switch
  • Carte, réduction et filtrage JavaScript - explication avec des exemples
  • Comment vérifier un numéro en JavaScript
  

• Réagir
  • Guide Framer React
  • Gestion d'état minimaliste (React)
  • Animations utilisant React Hooks et GreenSock
  • Boostez les performances des applications React + Redux avec Reselect Library
  • Nouvelles fonctionnalités de React 16.9.0
  • Démonstration des composants réactifs réactifs sous formes
  • React VS Vue: que choisir pour 2020?
  • J'ai créé exactement la même application sur React et Vue. Voici les différences. [Version 2019]
  • Version Create-react-app v3.2.0
  

• Vue
  • 15 directives Vue requises qui augmenteront considérablement votre productivité
  • vue-next (Vue 3 Pre-Alpha): les développeurs ont atteint la plupart des objectifs architecturaux et des nouvelles fonctionnalités prévues pour la v3
  • Vue 3 - un examen des informations disponibles sur la nouvelle version de Vue.js
  • Comment améliorer les performances du magasin Vuex
  • Création d'une application Web Vue basée sur des classes avec authentification Firebase
  • Tests unitaires dans Vue: que tester?
  • Comment créer une application de calendrier à l'aide de Vue
  • Nuxt 10 fois plus rapide s'appuie sur Netlify
  

• Angulaire
  • Mon année de refactoring d'un projet d'envergure sur AngularJS ...
  • Animation des éléments de l'interface utilisateur dans Angular # 1 , # 2
  • Angular - Tous les rapports depuis AngularConnect 2019
  

• Ember
  • Système d'injection de dépendances dans Ember.js
  • Pièces d'échecs animées avec des braises animées
  • «L'évolution d'Ember.js à Intercom», - Gavin Joyce au JSDayIE 2019
  • EmberCamp Chicago 2019
  

• Libs et plugins
  • Une histoire sur la résolution du problème de performance Moment.js
  • timequeue.js - Une file d'attente avec simultanéité personnalisée et une limite de temps.
  • Le mobile est déplaçable, redimensionnable, évolutif, rotatif, Warpable, Pinchable, Groupable, Snappable
  

Navigateurs

• Google Chrome bloquera tout le contenu mixte
• Dans les versions nocturnes de Firefox, un design modernisé de la barre d'adresse est proposé
• Boycott HTTP total. Google Chrome bloquera bientôt par défaut tout le contenu mixte

Divertissant

• Google: le plan du site HTML n'est pas nécessaire en termes de référencement
• Google: les titres H1 sont utiles mais pas critiques
• Mozilla remporte le procès de neutralité du Net
• Satya Nadella: Windows n'est plus un domaine important pour nous
• Pourquoi Windows n'est plus la priorité de Microsoft. The Verge Analysis
• WSJ: Visa, Mastercard et d'autres sociétés ont pensé à quitter le projet de crypto-monnaie Libra de Facebook

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 .