Le condensé de matières fraîches du monde du front-end de la dernière semaine n ° 352 (11-17 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 Frontend Weekend # 88 - Ce qui a changé pour Sergei Popov au cours de l'année (à propos de la création de la Ligue A et du problème des front-end sans expérience)
• Podcast "Web Standards", numéro 161: Chrome 73 et CSS 2019, SVG, tableaux, grilles et boutons, l'avenir des cadres photo.
• Podcast «devschacht»: 69: I Frontend
• Podcast «Frontend Youth (18+)» # 83 Transfert vers Star Stack
• CSSSR Podcast News 512 - Numéro 38 (09.02 - 15.02)
• Tournoi: «Le meilleur long métrage JS de 2018» (PARTIE 2)
• Podcast n ° 5 de Frontreview: le bon résumé et le portfolio du développeur junior
• Ember.js: documentaire (sortie officielle)

Développement Web

• HTML que nous avons perdu
• À propos de linter, de la qualité du code, de la qualité en général et de la gestion de la qualité
• Un plan court pour étudier le frontend, ou # 100DaysKoda
• Boilerplate HTML5 mis à jour vers la version 7
• Bootstrap 4.3.0 . La sortie de la nouvelle version, qui refusait de supporter jQuery
• Introduction à WebBluetooth
• Guide complet - Comment accélérer les GIF Web

• Performances:
  • Amélioration des performances des polices Web avec un exemple réel
  • Priorisation des ressources - nous utilisons l'aide de navigateurs
  • Précharger les polices et les puzzles prioritaires
  • Exemple de performances DOM
  • tiers-web - une sélection avec de brèves informations sur le degré d'influence des scripts tiers sur les sites sur le web
  

• Outils:
  • Collecter le paquet de rêves avec Webpack
  • Meet: pika / pack - une nouvelle façon de gérer les packages npm
  • Nouveautés de DevTools (Chrome 73)
  • Marionnettiste - Mon nouveau serveur de développement
  

• Accessibilité:
  • Uncanny A11y
  • Conseils pour rendre les éléments interactifs accessibles sur les appareils mobiles
  • Concevoir les interfaces du futur: Inline SVG
  

• Web spectaculaire:
  • Effets de filtrage SVG. Partie 3. Effet de postérisation d'image à l'aide de feComponentTransfer
  • Effets de filtrage SVG. Partie 4. Images bicolores avec feComponentTransfer
  • Effets de filtre SVG: Alignez le texte sur la texture de la surface à l'aide de <feDisplacementMap>
  • L'effet du remplissage de l'arrière-plan de la grille avec Anime.js
  • Eau et citrons - une image détaillée en CSS pur
  
  

CSS

• Nouveau sondage #StateOfCSS 2019 des créateurs de StateOfJS
• Le côté obscur des grilles (partie 1)
• Une nouvelle approche des classes utilitaires de visibilité variable CSS
• Guide Flexbox en 10 étapes
• Feuilles de style construites: styles réutilisables sans couture
• Le processus de mise en œuvre de la conception de l'interface utilisateur à partir de zéro en utilisant l'en-tête du site comme exemple
• Sélecteurs CSS niveau 4
• Une introduction aux mesures de police avec une explication détaillée des détails de chaque aspect
• Grille ou Flex?
• CSS Scroll Snap - comment cela fonctionne
• Quelle est la différence entre Flexbox et Grid?

Javascript

• 10 commandes de console pour aider à débattre du code JavaScript comme un PRO
• JavaScript robuste: chasser un mythe
• Application pratique de la transformation d'arbre AST en utilisant le putout comme exemple
• Informatique en JavaScript: listes doublement liées
• 5 façons de créer des applications en temps réel à l'aide de JavaScript
• Comment retirer JavaScript du Web en 2019
• JavaScript: des moments amusants
• Comment je me suis débarrassé des nouveaux messages sponsorisés sur Facebook.
• ES5 à ESNext - ce sont toutes les fonctionnalités ajoutées à JavaScript depuis 2015

• Théorie:
  • Tout ce que vous devez savoir sur asynchrone / attendre. Boucles, contrôle de flux, restrictions
  • Gestion de l'État . Une série de conférences comprenant cinq vidéos d'Ilya Klimov
  • Guide visuel des définitions et applications de variables JavaScript
  • Principes de base de la définition et du saut de variables JavaScript
  • Explorez des fonctions pures avec JavaScript
  

• TypeScript:
  • clean-code-typescript - Concepts de code propre adaptés à TypeScript
  • ReasonML vs TypeScript: comparer leur système de frappe
  • Comment utiliser Typescript avec React et Redux
  

• Réagissez:
  • Pourquoi React Hooks est-il si excité à mon sujet?
  • Création d'un composant de saisie semi-automatique React à partir de zéro
  • Animation dans React
  • Réagissez à la magie en plusieurs étapes
  • Tout ce dont vous avez besoin pour créer un crochet React personnalisé
  • Comment obtenir une prise en charge de l'accessibilité dans les applications React
  • Ce que j'ai appris en apprenant React en deux nuits, après des années de travail avec Angular
  

• Angulaire:
  • Angular Universal: tout ce qu'un spécialiste SEO doit savoir
  • Gérer les points d'arrêt d'image avec Angular
  • Visite de la console angulaire
  • Créer une info-bulle sur CDK angulaire
  

• VueJS:
  • VueJS 3.0: Révolution? . Opinion d'Ilya Klimov
  • Création d'un SPA sur Vue.js pour la vente de t-shirts
  • Transformer des dessins SVG statiques en widgets interactifs et infographies avec Vue.js
  

Navigateurs

• Mobile Opera a un VPN gratuit
• Introduction d'une nouvelle interface de navigateur Opera
• Navigateur Samsung Internet Browser a franchi le cap du 1 milliard de téléchargements dans le Google Play Store
• Employé Microsoft: n'utilisez pas Internet Explorer par défaut
• Chrome prend en charge les liens vers des mots et des phrases individuels dans le texte
• Économies de mémoire courageuses: réduction de 33 à 66% par rapport à Chrome
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 .