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

---

Médias

• Podcast Web Standards, numéro 162: Npm for Enterprise, priorités de téléchargement JS, prix des scripts tiers, JS directement en CSS, disponible par TodoMVC, cases à cocher personnalisées, alignement du texte.
• Devschacht Podcast # 70: Comment TypeScript change notre façon de penser
• CSSSR Podcast News 512 - Numéro 39 (18 février - 24 février)
• Podcast «Frontend Youth (18+)» # 84 Chacun de nous a vu le pire
• Blog vidéo de Vadim Makeev: «13. Vivre avec les réponses " , 14. Cases à cocher personnalisées correctement
• Meetup MinskJS # 5 - 3 vidéos

Développement Web

• Développement WebAssembly: véritable râteau et exemples
• BEM pratique
• Pages AMP et Turbo: avantages, inconvénients et résultats de la mise en œuvre
• AMP stimule le trafic de recherche organique - étude
• 30 pratiques essentielles pour écrire du HTML5 moderne et efficace
• Diapositives d'Alexandra Shinkevich du MK interne sur le test du frontend pour les développeurs
• Essayez GraphQL! Guide interactif GraphQL

• Outils:
  • Un nouveau regard sur l'apprentissage et la documentation du code source
  • La façon dont la taille du code dépend du minificateur, du collecteur et de la langue. Mise à jour inattendue du webpack
  • 10 conseils de sécurité pour npm
  • ICONSVG - un outil pour simplifier le processus de recherche et de génération d'icônes populaires pour votre projet
  • 7 sandbox javascript en 2019
  

• Accessibilité:
  • Conseils pour rendre les éléments interactifs accessibles sur les appareils mobiles
  • Composants inclusifs: liste de tâches
  • Que signifie la norme européenne d'accessibilité EN 301 549 pour les organisations américaines?
  • Vidéo sur la façon dont les lecteurs d'écran utilisent le Web
  

• Web spectaculaire:
  • Effets de filtrage SVG. Partie 6. Créer des textures avec feTurbulence
  • Créez des animations qui donnent vie à votre site.
  • Comment créer un faux effet d'image 3D à l'aide de WebGL
  • Blobs!
  • SVG SPA
  

CSS

• Pourquoi j'écris du CSS en JavaScript
• S'appuyant sur du CSS pur . Top 5 des propriétés CSS sur lesquelles je m'appuie pour créer des illustrations CSS
• JS-in-CSS - un worklet qui sera créé directement à partir de CSS (dans le cadre de l'expérience CSS HOUDINI)
• 21 façons d'optimiser votre CSS et d'accélérer votre site
• Comment fonctionne @supports
• Utilisation appropriée de la grille CSS
• Grille d'auto-alignement Flexbox compatible avec IE10
• Variables CSS + calc () + rgb () = contraste de couleur élevé
• CSS: Animations FLIP

Javascript

• FunES # 8: Math.pow différent de **
• Manipulations DOM en JavaScript pur
• Introduction à jQuery (version 2019)
• Guide complet des fonctionnalités ES10
• Priorités de chargement JavaScript dans Chrome
• Analyse de solutions JavaScript sur des problèmes algorithmiques généraux (partie 1)
• 12 idées pour améliorer vos compétences JavaScript
• XMLHttpRequest ou Fetch API: quel est le meilleur pour Ajax en 2019?

• Théorie:
  • JavaScript: le grand tout bien pourquoi
  • Comment démarrer l'internationalisation en JavaScript
  • Champs de cours publics et privés
  • Essayez / Catch / Enfin . Tâches d'entrevue et plus
  • Guide d'héritage de classe de prototype JavaScript
  • Il est temps de parler de JavaScript orienté objet
  • Éviter le blocage DOM en JavaScript
  

• VueJS:
  • 26 conseils pour gagner du temps lorsque vous travaillez avec Vue
  • Création d'une application moderne à l'aide de Nest.js, MongoDB et Vue.js
  • Optimisation des performances des applications sur Vue.js: Partie 3 - Chargement paresseux des modules Vuex
  

• Réagissez:
  • Une collection de 2 200 ressources pour tout ce qui concerne la réaction - de Next.js, Gatsby et JSX à l'animation, Apollo GraphQL et les podcasts
  • Annonce Ionic React Beta
  • React Hooks, premières impressions
  • Utilisation de crochets Git pré-validation et pré-poussée dans un projet React
  • React: la relation entre les composants
  • Progressive React . Vous voulez rendre votre site Web React plus productif? Voici une liste de contrôle rapide
  • Créez des applications Web progressives avec React. 2e partie
  

• Angulaire:
  • Styliser des applications angulaires avec Bootstrap
  • Récupération de position de défilement réactive à l'aide de RxJS
  

• Libs et plugins:
  • Découverte NSFW côté client via Tensorflow JS
  • Étudier, concevoir ou documenter une base de code en plaçant le fil d'Ariane dans le code source
  

Navigateurs

• Le CERN a lancé le navigateur Internet des années 90 en l'honneur du 30e anniversaire du World Wide Web
• Yandex a commencé à tester les chats publics avec des personnes à proximité dans le mobile Yandex.Browser
• 31% des modules complémentaires Chrome utilisent des bibliothèques avec des vulnérabilités connues
• Microsoft Edge permet secrètement à Facebook d'utiliser du contenu Flash
• Dans Firefox, un mode image dans l'image et un gestionnaire de modules complémentaires repensé apparaîtront

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.

Résumé de la semaine dernière
Matériel préparé par dersmoll et alekskorovin