Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 350 (28 janvier - 3 février 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», numéro 159: trois ans à l'antenne, événements, développeurs JS pour TV, Chrome, Safari, PWA, Safari et JS Core, CSS vs JS, ES2019
• "Show FrontSpot" # 1. Dan Abramov est-il un imposteur? Le flux n'est pas un flotteur? Et qui est-il - le roi de Nishtyakov?
• RadioJS Podcast Issue 55: Node.js on Backend - Un vrai backend?
• Devschacht Podcast: 68: Questions incommodes pour GraphQL
• Podcast Frontend Youth (18+) # 82 Comment lodash a changé javascript
• Tournoi: «Meilleure fonctionnalité Web 2018» (PARTIE 1)

Développement Web

• Comment écrire du bon code clair
• HTML, CSS et points d'entrée de l'industrie en voie de disparition
• Tutoriel GraphQL pour les débutants
• CSS et JS en guerre: comment l'arrêter
• Le HTML est, et a toujours été, le but de la compilation - pouvons-nous y faire quelque chose?
• Google Play Store est maintenant ouvert pour les applications Web progressives
• «Backendification» du développement frontal
• Un aperçu des offres les plus intéressantes pour la plate-forme Web liées aux composants Web

• Performances:
  • Optimisation de la vitesse des pages: mesures, outils et améliorations
  • Amélioration des performances des polices Web avec des exemples
  

• Outils:
  • tris-webpack -ilerplate - webpack-passerelle pour créer pour des sites statiques, qui a tous les outils modernes nécessaires et des outils d'optimisation intégrés.
  • 11 extensions JavaScript pour Visual Studio Code
  • Nouveautés de DevTools (Chrome 73)
  • Nouveau dans Firefox DevTools 65
  

• Accessibilité:
  • Utiliser l'intelligence artificielle pour créer un texte alternatif sur les images
  • Outils et stratégies pour développer des applications Web abordables
  • Comment utilisez-vous l'élément figure?
  

• Animation:
  • Déconstruction de Taotajima.jp WebGL
  • Création d'animations de vagues sur Three.js
  • Effets personnalisés pour le curseur
  

CSS

• Comment la position: collante en CSS fonctionne réellement
• Un aperçu des wrappers CSS en 2019
• De nombreuses façons de changer le remplissage SVG en survol (et quand les utiliser)
• CSS-in-JS et rendu statique
• CSSans Pro - Nouvelle police créative couleur

• Démo Codepen:
  • CSS WordArt
  • Grille CSS: feuille de calcul Excel
  • Animation CSS: Carte du Maraudeur
  

Javascript

• Prix ​​de composition dans le monde javascript
• EcmaScript 10 - JavaScript cette année
• Pourquoi TypeScript est-il au cœur de chaque nouvelle application Web PayPal?
• Nouveautés de JavaScript 2019
• Futur JavaScript: que manque-t-il d'autre?
• Statique vs unité vs intégration vs test E2E pour les applications frontales
• React vs Angular: une comparaison détaillée
• Trois autres façons de rendre l'état JavaScript
• Nouvelles versions: TypeScript 3.3 , Babel 7.3 , Jest 24

• Théorie:
  • JavaScript: champs de classes publics et privés
  • Comment maîtriser la syntaxe asynchrone / wait: un exemple réel
  • Comment travailler avec async / wait dans les boucles JavaScript
  • Un bref historique des fonctionnalités asynchrones Javascript
  • Plongez plus profondément dans les JavaScripts . Un aperçu des poignées d'objets JavaScript
  

• VueJS:
  • 7 problèmes que vous pouvez éviter d'utiliser Nuxt.js pour votre prochaine application Vue
  • Vue.js Application Performance Optimization: Part 1 - Introduction to Performance Optimization and Delayed Download.
  • Maîtriser les propriétés calculées dans VueJS
  • Comment créer une surveillance simple des réseaux sociaux sur NodeJS, GraphQL et Vue
  • Utilisation de Vue.js pour créer un panneau météo interactif avec API
  • Que signifie Vue 3.0 pour le développement Web?
  

• Réagissez:
  • (Nouveau) Méthodes du cycle de vie de React dans un langage simple et disponible
  • React as a UI Runtime , un nouveau billet de blog de Den Abramov
  • Créez des applications Web progressives avec React. Partie 1
  • addimated est une bibliothèque d'animation déclarative interruptible pour React.
  • React Custom Scroll 4.0 - un petit composant personnalisé pour créer un défilement personnalisé
  • 5 façons d'animer les applications ReactJs en 2019.
  • Pourquoi Gatsby est-il si rapide
  

• Angulaire:
  • Présentation de NG-VDOM: une nouvelle façon d'écrire des applications angulaires
  • Construisez PWA prêt pour la production avec Angular et Firebase
  • Tutoriel Angular 7 | 6: Création et soumission de formulaires
  • DI angulaire: Présentation de Ivy NodeInjector
  

• Libs et plugins:
  • flexsearch - Bibliothèque de recherche de texte en texte intégral dans les navigateurs et Node.js
  • readability.js est une version distincte de la bibliothèque utilisée pour le mode lecteur dans Firefox
  • webaudio-synth: synthétiseur polyphonique Web Audio API
  

Navigateurs

• En 2020, Microsoft cessera de prendre en charge Internet Explorer 10
• Sortie de Firefox 65 , ainsi que des détails pour les développeurs web sur le blog de Marat Tanalin
• WebRender pour les cartes graphiques AMD / Intel et protection contre les attaques MITM dans Firefox
• Mozilla a introduit un autre navigateur mobile
• Les utilisateurs se plaignent de problèmes de certificat après avoir installé Firefox 65
• Qu'adviendra-t-il des bloqueurs de publicités après la mise à jour de l'API Chromium: opinions de Yandex Browser, AdGuard et Adblock Plus

Divertissant

• Réponses aux questions les plus populaires sur Gutenberg
• La déconnexion complète de Google+ pour les utilisateurs réguliers est prévue pour le 2 avril, la société prévient d'une suppression complète
• JavaScript a dépassé Java dans le classement des préférences des développeurs HackerRank
• Comment l'échange virtuel d'artefacts de jeu peut affecter la vie réelle
• Qu'est-ce qu'un ordinateur quantique et comment fonctionne-t-il
• État de l'intelligence artificielle en 2019
A.

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 .