Frontend Weekly Digest (13-19 mai 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

• Composants de page Web SVG pour l'IoT et les créateurs (partie 2)
• Une introduction à JAMstack: l'architecture du web moderne
• Pourquoi construire avec un JAMstack est génial
• Tout ce que vous avez toujours voulu savoir sur le mode d'entrée
• Guide du carlin pour débutant
• Démêler le JPEG
• Intégration de bibliothèques d'animation tierces à un projet
• Comment créer un camembert SVG - Code avec Kasey (vidéo)

• Performances:
  • Une plongée profonde dans le chargement paresseux natif pour les images et les cadres
  • Un rapport de la réunion du comité consultatif de l’AMP
  • Optimisation d'image: comprendre l'impact exact sur le score de performance de Google pour se classer plus haut en 2019
  • Meilleure hiérarchisation HTTP / 2 pour un Web plus rapide
  • Le «pli» fait-il toujours partie de la culture actuelle du défilement et de l'écrémage?
  • 3Pweb - Ceci visualise le temps moyen d'exécution des scripts de l'entité, en moyenne.
  

• Outils:
  • Développement à distance avec VS Code
  • Débogage JavaScript plus rapide et plus intelligent dans Firefox DevTools
  

• Accessibilité:
  • Une nouvelle (et facile) façon de masquer le contenu de manière accessible
  • L'état de l'accessibilité: GAAD 2019
  • Annonce de Microsoft Web Template Studio
  

CSS

• C'est un trap-ezoid: les formes CSS ne sont pas ce à quoi vous vous attendez
• Animation de lignes et de colonnes de grille CSS
• Sous-grille . Un nouvel article sur les documents de développement MDN
• Analyse CSS: la manière la plus rapide d'inspecter et de copier CSS
• La fonctionnalité CSS pour tronquer le texte multiligne a été implémentée dans Firefox
• Débogage de la grille CSS: Partie 2: What the Fr (action)?
• Google Fonts prend désormais en charge l'affichage des polices!
• Des règles CSS qui vous faciliteront la vie
• Treillis de fenêtre chinois et CSS

Javascript

• Cloudflare, Mozilla et Facebook développent BinaryAST pour accélérer les téléchargements JavaScript.
• Prise en main de Svelte 3
• JavaScript fonctionnel
• TypeScript 3.0: le type inconnu

• Théorie:
  • Un guide pratique du proxy Javascript
  • Moteurs JavaScript: comment fonctionnent-ils? De la pile d'appels à la promesse, (presque) tout ce que vous devez savoir
  

• VueJS:
  • Messages de validation de formulaire accessibles avec ARIA et Vue.js
  • Une introduction au développement piloté par les tests avec Vue.js
  • Prise en main de Vue - Présentation et didacticiel pas à pas
  • Swipe Gallery utilisant Vue.js et Tailwind
  

• Réagissez:
  • Comment convertir des classes React-Redux en React Hooks, en toute simplicité
  • unform - Bibliothèque de formulaires ReactJS pour créer des structures de formulaires non contrôlées avec des champs imbriqués, des validations et bien plus encore!
  • Animation de l'interface utilisateur dans React
  • ReactQ - Kit de démarrage Universal React + GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
  • Modèles de conception de crochets React essentiels
  • Dockerisation d'une application React
  • Création de votre propre bibliothèque de validation React: les bases (partie 1)
  • Que faire lorsque votre application React semble lente
  

• Angulaire:
  • Création d'une boutique en ligne à l'aide de ngrx / store et Angular
  • Mes trucs et astuces préférés en angulaire
  • Héritage des composants en angulaire
  • Faire A11y facilement avec Angular CDK. Listes navigables par clavier
  

• Libs et plugins:
  • Microsoft a ouvert le code de la bibliothèque de recherche vectorielle utilisée dans Bing
  • Storeon: petit gestionnaire d'état pour les applications frontales modernes proches de Redux, implémenté dans un seul fichier qui se résume à 173 octets
  • ola - Bibliothèque d'animations fluides pour interpoler des nombres
  • reLift-HTML est une bibliothèque de vues très petite (3 Ko) qui vous permet de créer un composant Web, un élément personnalisé et vous aide à rendre n'importe quelle page HTML réactive sans le gonflement de grands cadres.
  

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é.