Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 336 (22-28 octobre 2018)

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

• Le podcast Web Standards, Events in Berlin, composants Web, PWA sur le bureau, Styleguidist et JSS, CSS-in-JS.
• Podcast du week-end # 76 - Ivan Botanov explique comment et pourquoi il a commencé à enseigner aux développeurs angulaires
• CSSSR Podcast News 512 - Numéro 26 (22/10/10/28)
• Podcast Frontend Youth (18+) # 70 Captain Hook and the Cat
• Radiojs Podcast, Numéro 53: Propositions, propositions, propositions ou résultats de l'atelier
• Devshahta Podcast: # 54: Ce qu'il faut écouter à HolyJS 2018 Moscou
• Blog vidéo Vadim Makeev №7. KFC, SVG et base64 superflue, disponibilité de type nuisible
• JavaScript Jabber 336: «L'Origine d'ESLint» avec Nicholas Zakas
• React Podcast # 26: Détendez-vous et écoutez avec Brad Frost
• Node Ukraine 2018 - pourparlers , 8 vidéos
• WSD à Kiev, 2018 , enregistrement de diffusion en ligne
• React Conf 2018, 28 vidéos

Développement Web

• Architecture frontale de niveau supérieur. Conférence Yandex
• Distribuer et conquérir: mettre en page maintenant et maintenant
• Des règles d'accessibilité Web pragmatiques qui persistent dans votre esprit
• Site Web typique en 2018 , démo ironique, édition Codepen , édition de site Web

• Outils:
  • Utilisation de l'inspecteur d'animation dans les outils de développement Chrome
  • 10 astuces de console pour le débogage professionnel
  • Webpack 4 Config annoté pour le développement frontend
  • Siteaudit: auditez votre site (Pagespeed, Lighthouse, A11y) directement depuis le terminal
  

CSS

• Formes générées à l'aide de dégradés d'arrière-plan CSS.
• Créer des interfaces proportionnelles
• Rejoignez HTML DNA à l'aide d'attributs de sélection CSS
• D'ordinaire à extraordinaire avec des animations CSS
• Simplifiez le style avec CSS fonctionnel
• Vous utilisez <em> incorrectement
• Utilisation du mode sombre en CSS avec MacOS Mojave
• Une liste incomplète des erreurs de conception CSS
• Défi CSS 100 jours

Javascript

• ES2018 - enfin promet méthode
• API ReportingObserver: un regard sur le code des pages web sous un nouvel angle
• Node.js 11.0 avec prise en charge du moteur V8 7.0 a été publié
• L'état de JavaScript . Entretien avec Addy Osmani sur l'état actuel de JavaScript sur le web
• Comment réduire l'impact de JavaScript sur le temps de chargement de votre page
• Comment créer des marqueurs personnalisés pour Google Maps à l'aide de classes et fermetures HTML et CSS, ES6
• 3 Erreurs de performances JavaScript que vous devez cesser de faire
• GraphQL: histoire de réussite de PayPal Checkout
• Jouez à Mortal Kombat avec TensorFlow.js. Transfert d'apprentissage et augmentation des données
• API Intl.RelativeTimeFormat - traitement des dates et heures relatives au moment actuel

• Théorie:
  • Fonctions de currying JavaScript
  • 100 conférences vidéo sur la programmation
  • typeof Tout et les malentendus de canard
  • Comprendre la vérification de type avec typeof
  • À propos de JavaScript: une introduction honnête au mocking, au stubbing et aux interfaces
  • Comprendre les fonctions de haut niveau en JavaScript
  

• Réagissez:
  • Nouveautés de React 16.6
  • React 16.6: React.memo () pour le contrôle du rendu des composants fonctionnels
  • Premiers pas avec React Hooks
  • Utilisation de React Profiler pour les performances
  • Rompre les performances de React avec Redux
  • Composants fonctionnels purs dans React
  • Comprendre les accessoires de rendu et HOC
  • Functional React. Est-ce possible? Apprentissage des techniques de programmation fonctionnelle en HOC
  • Création de composants squelettes avec React
  

• Angulaire:
  • Angular 7 et défilement virtuel
  • Angular v7 est sorti, mais 7.1.0 est en route
  • Formes angulaires réactives dans le monde réel
  • Internationalisation dans les applications angulaires et réactives - Comparaison
  • Routage Isoline dans une application angulaire à l'aide des API de routage HERE
  

• VueJS:
  • Vue du tableau de bord Shards
  • Utilisation des mutations GraphQL dans Vue.js
  

• Libs et plugins:
  • lazy-brush - dessin fluide des lignes avec la souris, le doigt ou tout autre appareil avec un pointeur
  • percollate: un outil en ligne de commande qui transforme les pages Web en PDF formatés
  • IronDB - magasin de clés de sauvegarde pour navigateur
  

Navigateurs

• Firefox 63: nouvelle API Web Components, éditeur de polices et suppression CSS
• Firefox peut être monétisé avec le module complémentaire VPN payant intégré
• Le navigateur Firefox 63 a une fonction de protection de suivi améliorée pour augmenter la confidentialité de la navigation
• Mozilla intégrera un abonnement ProtonVPN dans Firefox, et à un prix plus élevé que directement via le site Web du service
• Nouveautés de Microsoft Edge sur la mise à jour d'octobre 2018 de Windows 10

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 .