Frontend Weekly Digest (11-17 févr.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 | CSS | Javascript

---

Développement Web

• Le HTML que nous n'avons jamais eu
• Un programme de développement front-end au jour le jour # 100DaysOfCode
• HTML5 Boilerplate v7 publié
• Bootstrap 4.3.0 (suppression de jQuery, passage à Hugo)
• Créer de futures interfaces: SVG en ligne
• Une introduction à WebBluetooth
• Guide complet - Comment accélérer les vidéos GIF

• Performances:
  • tiers-web - Résumé des scripts tiers les plus responsables de l’exécution excessive de JavaScript sur le Web
  • Hiérarchisation des ressources - Obtention du navigateur pour vous aider
  • Préchargement des polices et puzzle des priorités
  • Étude de cas sur les performances du DOM
  

• Outils:
  • Présentation: pika / pack - construction de packages npm, repensé
  • Nouveautés de DevTools (Chrome 73)
  • Puppeteer est mon nouveau serveur de développement
  

• Accessibilité:
  • Uncanny A11y
  • Conseils pour rendre les éléments interactifs accessibles sur les appareils mobiles
  • Créer de futures interfaces: SVG en ligne
  

• Web efficace:
  • Effets de révélation de la grille avec Anime.js
  • Nature morte CSS pure - Eau et citrons
  • Effets de filtre SVG: conformité du texte à la texture de la surface avec <feDisplacementMap>
  
  

CSS

• Annonce du sondage #StateOfCSS 2019
• Le côté obscur de la grille (partie 1)
• Une nouvelle approche des classes utilitaires de visibilité basée sur les variables CSS
• Un guide en 10 étapes pour Flexbox
• Feuilles de style constructibles: styles réutilisables sans couture
• Le processus de mise en œuvre d'une conception d'interface utilisateur à partir de zéro
• Sélecteurs CSS niveau 4
• Introduction aux mesures de police
• Grille ou Flex?
• CSS Scroll Snap - Comment ça marche vraiment
• Rapide! Quelle est la différence entre Flexbox et Grid?

Javascript

• Ember.js: The Documentary (Sortie officielle)
• Informatique en JavaScript: listes doublement liées
• 5 façons de créer des applications en temps réel avec JavaScript
• Comment faire de JavaScript au-delà du Web en 2019
• JavaScript: les parties amusantes
• Comment je me suis débarrassé des nouveaux messages Facebook sponsorisés.
• ES5 à ESNext - voici toutes les fonctionnalités ajoutées à JavaScript depuis 2015

• TypeScript:
  • ReasonML vs TypeScript: comparer leurs systèmes de types
  • Comment utiliser Typescript avec React et Redux
  • clean-code-typescript - Concepts de Clean Code adaptés pour TypeScript
  

• Théorie:
  • Le guide visuel des définitions et de la portée des variables JavaScript
  • Les bases de la définition et du levage des variables JavaScript
  • Apprenez des fonctions pures avec JavaScript
  

• VueJS:
  • Création d'un SPA Vue.js pour vendre des Tees de développeur
  • Transformez vos dessins SVG statiques en widgets interactifs et infographies avec Vue.js
  

• Réagissez:
  • Pourquoi je suis excité par React Hooks?
  • Création d'un composant de saisie semi-automatique React à partir de zéro
  • Animation dans React
  • La magie des formulaires en plusieurs étapes basés sur React
  • Tout ce dont vous avez besoin pour créer un crochet React personnalisé
  • Atteindre l'accessibilité dans les applications React
  • Ce que j'ai appris en apprenant React en 2 nuits après des années de travail avec Angular
  

• Angulaire:
  • Gestion des points d'arrêt d'image avec Angular
  • Une visite de la console angulaire
  • Info-bulle avec CDK angulaire