Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 349 (21-27 janvier 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

• Web Standards Podcast, numéro 158: site Web Web Standards, événements et communautés, actualités Safari TP, derniers articles, extraits et éditeurs de code qui ont besoin de VR, GitNation Foundation.
• Devshacht # 67: Problèmes de sécurité
• CSSSR Podcast News 512 - Numéro 35 (01/21 - 01/27)
• Podcast Frontend Youth (18+) # 81 Tout ce que vous vouliez savoir sur GraphQL
• Podcast «5 minutes de React» # 23 - Hasura GraphQL Engine
• TOUT VOTRE HTML # s2e6: Raymarching, Infinite Space
• FrontSpot Show: Où est passé RSConf? Melkosoft bat Facebook? Billets ReactAmsterdam gratuits! . Sortie pilote d'un nouveau show

Développement Web

• SEO: pourquoi rel = canonical peut être ignoré sur les sites utilisant JS , et pourquoi les anciens sites peuvent être classés plus haut que le contenu plus récent
• Histoire sur la conception d'une API
• Electron: développement d'applications bureautiques
• Ce que je ne fouille pas en 2018 . Den Abramov lui-même a décidé d'écrire une traduction russe de son article populaire
• Grande séparation . Deux développeurs front-end sont assis dans un bar. Et ils n'ont rien à dire.
• Ce que nous avons appris sur les tendances d'embauche des développeurs en 2019 à partir d'une analyse de 112654 tests de codage
• Comment créer la réalité virtuelle en utilisant les technologies Web, une nouvelle série de vidéos
• Comment nous sommes passés de Wordpress à React et avons levé 80 millions de dollars
• Revue détaillée Politique de fonctionnalité. Au-delà des courants d'air.

• Performances:
  • Optimisation du site Web pour GooglePage Speed ​​(toutes les fonctionnalités sont prises en compte après sa mise à jour) Partie 1
  • La convivialité des pages Web est importante
  • Liens de préchargement à l'aide de Service Workers
  

• Outils:
  • Webpack: un voyage inattendu
  • Nouveautés de DevTools (Chrome 73)
  • L'avenir de Yarn - v2 et après
  • rrweb ('enregistrer et rejouer le web'): un outil pour enregistrer et lire les interactions des utilisateurs sur le web
  

• Animation:
  • Créez votre propre simulateur de gravité et d'espace
  • Effets de filtre SVG: contour du texte avec <feMorphology>
  • Les Animals - Un site au design et à l'animation hors du commun
  

CSS

• Bordures de dégradé CSS
• Transformation de texte et copie . Que se passe-t-il lors de la copie de texte avec text-transform
• Modèles de conception de table Web
• Animation de la grille CSS
• Flexbox.ninja est un site Web qui vous aide à mieux comprendre le module de mise en page CSS Flexbox.
• Gradians and Turns: héros silencieux des coins CSS
• Votre outil pour créer des mises en page CSS en 2019 , rapport de Rachel Andrew
• Firefox DevTools pour ceux qui travaillent avec CSS
• Leçon de Houdini: dessin CSS et variables

Javascript

• JS battle: comment j'ai écrit mon eval ()
• Nous maîtrisons async / wait sur un exemple réel
• Comment travailler avec des valeurs monétaires en JavaScript
• Pourquoi chaque nouvelle application Web PayPal commence par TypeScript
• Nouveautés de JavaScript pour 2019
• Immersion en JavaScript: comment créer un convertisseur de couleur Hex2RGB
• Trouver le personnage le plus en double

• TypeScript:
  • Prix ​​TypeScript
  • TypeScript ESLint - un référentiel avec des outils qui permettent à ESLint de prendre en charge TypeScript
  • TypeScript fonctionnel: norme TypeScript pour des fonctions sans serveur fiables
  

• Noeud:
  • Livres gratuits sur Node.js
  • 7 meilleurs frameworks Node.js pour les développeurs
  • Node HTTP Request Toolkit
  • Multithreading Node.js: Que sont les threads de travail et quels sont-ils importants?
  

• Théorie:
  • Aide-mémoire pour JavaScript moderne
  • 10 choses que tout développeur JavaScript doit savoir
  • Comment tirer pleinement parti de la déstructuration en JavaScript (ES6)
  • Modèles d'itérateur JavaScript
  • Un guide complet des algorithmes JavaScript , un cours gratuit en six leçons
  • Qu'est-ce que le tremblement des arbres et comment ça marche?
  • 15 exemples utiles d'utilisation de map (), de réduire () et de filtre ()
  

• VueJS:
  • Présentation de Vue.js 2.6
  • Vuex - c'est facile!
  • 10 conseils professionnels Vue.js de Vue Masters
  • Comment déterminer si Vue.js est le bon cadre pour votre prochain projet
  

• Réagissez:
  • React: pratiques pour vous aider à devenir un développeur avancé
  • Pourquoi X n'est-il pas un crochet?
  • Utilitaires dans React 16.6.0
  • Confirmation du courrier électronique
  • Comment développer vos super-pouvoirs React à l'aide de l'API Context
  • Utilisation d'éléments modifiables de contenu en JavaScript (React)
  • Comment comprendre les réducteurs: vous pouvez les utiliser sans Redux
  • Comprendre les accessoires par défaut de React
  • Comprendre les fragments dans React
  

• Angulaire:
  • Le meilleur du monde d'Angular pour la semaine - Digest n ° 1 (18 janvier - 25 janvier)
  • Angular 8: deuxième bêta disponible en téléchargement
  • Angular 6 + Travis CI avec Chrome sans tête
  • Optimisation angulaire. Mémorisation des fonctions de tuyau dans les modèles
  • Rendre magiques les messages d'erreur de forme angulaire
  

• Libs et plugins:
  • Comparer les bibliothèques de graphiques JavaScript
  • autoComplete.js - Remplissage automatique simple sur Vanilla Javascript
  • raccourci clavier: invocation d'une action sur un élément lorsqu'une touche du clavier est enfoncée
  

Navigateurs

• L'histoire d'un problème avec le compteur de vitesse ou comment Chromium gère la mémoire
• Non seulement uBlock Origin souffrira de nouvelles API dans Chromium, mais aussi d'autres extensions
• La nouvelle édition du manifeste Chrome rendra impossible l'utilisation d'uBlock Origin
• Firefox 66 éliminera le biais de défilement dû au chargement de l'image

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 .