Frontend Weekly Digest (8-14 avril 2019)

Cette semaine, nous publions une très grande sélection de toutes les nouvelles essentielles que vous pourriez avoir manquées sur le développement Front-end. Assurez-vous de vérifier les dernières mises à jour sur CSS, HTML et JavaScript.

Développement Web

• Manuel du développeur frontal 2019
• Résultats du sondage auprès des développeurs
• SVG en ligne ... mis en cache
• Développement Web, illustré.
• types d'entrée mobiles
• Javascript contre CSS - Plus de contrôle signifie plus de responsabilité
• Utilisation de l'API Web Speech pour les traductions multilingues
• Ne faites pas confiance aux locaux: enquête sur la prévalence des scripts intersites persistants côté client dans la nature

• Performances:
  • Chargement paresseux natif et secours basé sur js avec vanilla-lazyload 12
  • Google AMP a réduit la vitesse de notre page, et il n'y a pas d'autre choix que de l'utiliser
  • Comment obtenir un score de performance de 100% pour le phare
  

• Accessibilité:
  • Problème d'accessibilité courant: passer à une section de page sans déplacer le focus du clavier
  • Accessibilité des couleurs: outils et ressources pour vous aider à concevoir des produits inclusifs
  • Top 5 des questions posées dans les formations sur l'accessibilité
  

• Animations:
  • Comment créer un effet d'image collante avec Three.js
  • Séparation des SVG avec des composants WebGL réutilisables à l'aide de React-three-fibre
  

CSS

• C'est 2019! Mettons fin au débat sur les polices d'icônes vs les icônes SVG
• Un guide pour comprendre CSS Houdini à l'aide de dessins animés
• Trucs et astuces CSS Battle
• Animation SVG avec CSS
• Suivez ces étapes pour devenir une superstar CSS
• Obtenez une valeur de propriété personnalisée CSS avec JavaScript
• Direction artistique pour le Web à l'aide de formes CSS
• Utilisation d'un mixage pour éliminer les mathématiques des tailles de police réactives
• Pourquoi utiliser CSS env ()
• QUIZ: Bien visé? Connaissez-vous bien les sélecteurs CSS?
• sassyfication: bibliothèque avec des mixins sass pour accélérer votre workflow css.

Javascript

• jQuery 3.4.0 est sorti
• Le panneau des sources de Chrome DevTools: substitue vs FileSystem vs Snippets vs Page
• Cinq raisons pour lesquelles les composants Web pourraient compléter les cadres JavaScript
• Kyle Simpson: j'ai oublié plus de JavaScript que la plupart des gens n'ont jamais appris
• 31 dépôts GitHub JS les plus populaires en avril 2019

• Théorie:
  • Troncature de nombres en JavaScript
  • Les pièges d'Async / Await in Array Loops
  • À la défense de la déclaration ternaire
  • Améliorez la programmation asynchrone avec des promesses javascript
  • Modèles de conception dans le développement JavaScript moderne
  

• VueJS:
  • Pourquoi votre entreprise devrait commencer à utiliser Vue.js
  • Présentation d'un nouveau State-Management pour Vue.js
  • VueJs Amsterdam 2019 résumé de l'expérience et des discussions (partie 2)
  • Pourquoi j'ai choisi Vue plutôt que React
  • Récupération de données à partir d'une API tierce avec Vue.js et Axios
  • Rendez vos applications Web Vue.js détectables - Référencement JavaScript
  

• Réagissez:
  • Ce que j'aimerais savoir quand j'ai commencé à travailler avec React.js
  • React95 - Une bibliothèque de composants React avec Win95 UI
  • Meilleures pratiques de style à l'aide de React
  • La meilleure extension React pour VS Code
  • Présentation des bibliothèques CSS-in-JS populaires pour React
  • Gestion des états avec React Hooks - Pas d'API Redux ou Context
  

• Angulaire:
  • Contexte angulaire: liaison de données facile pour les arborescences de composants imbriqués et la sortie du routeur
  • CLI angulaire - Démystifier l'espace de travail
  • Angular avancé: implémentation d'un composant de saisie semi-automatique réutilisable
  

• Libs et plugins:
  • fkit: une boîte à outils de programmation fonctionnelle pour javascript
  • jQuery Terminal Emulator - terminal basé sur le Web
  • Choices.js : un plugin de sélection de boîte / saisie de texte personnalisable JS vanille
  

Navigateurs

• À quoi s'attendre dans les nouveaux canaux Microsoft Edge Insider
• Opera présente Reborn 3, le premier navigateur de bureau avec Web 3, un VPN plus rapide et un bloqueur de publicités
• Edge passe au chrome: qu'est-ce que cela signifie pour les développeurs frontaux?

Merci d'avoir lu! N'hésitez pas à nous envoyer vos articles ou de nouveaux contenus utiles que vous souhaitez voir dans le prochain condensé.