Frontend Weekly Digest (22-28 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

• Tutoriel CORS: Un guide pour le partage de ressources d'origine croisée
• Guide des messages de validation
• En- têtes HTTP pour le développeur responsable
• Pourquoi les scores de vitesse de page peuvent être dangereux
• Nommer les choses pour améliorer l'accessibilité

• Outils:
  • Passer de Gulp à Parcel
  • Utilisation de Parcel comme Bundler pour les applications React
  • Comment je configure VSCode pour tout
  • Les 5 meilleurs IDE en ligne JavaScript à utiliser en 2019
  • bento-starter - Solution Open-Source Full-Stack pour un développement PWA rapide
  

CSS

• Nouveaux documents Sass
• Il vous suffit de connaître ces propriétés pour commencer à aimer CSS
• Le manuel CSS: un guide pratique pour CSS pour les développeurs
• Le CSS est-il enfin arrivé à maturité?
• Comment créer un composant de filtrage en CSS pur <
• Conteneurs diagonaux en CSS
• Tailwind CSS: est-ce le Bootstrap de demain?
• Enrichissement progressif des polices: réinventer les performances des polices Web
• Dimensionnement relatif avec les unités EM

Javascript

• Présentation de Node.js 12
• Après trois ans de silence, une nouvelle vulnérabilité de pollution du prototype jQuery émerge à nouveau
• Comment valider vos requêtes GraphQL avec ESLint
• Svelte 3: repenser la réactivité
• Comment utiliser les Getters et Setters en JavaScript
• Une introduction au livre de contes: organisez comment vous construisez des composants JS
• Comment créer des spécifications JavaScript exécutables
• Design Patterns Game - Un jeu pour tester votre familiarité avec les modèles de conception «Gang of Four» implémentés en JavaScript.
• Des événements d'entrée plus rapides avec la première contribution de l'API du navigateur de Facebook

• Théorie:
  • Les fonctions flèches de JavaScript expliquées en descendant une diapositive
  • Présentation de l'API MutationObserver
  • "Gotchas" JavaScript courants
  

• Réagissez:
  • Le cercle d'un cycle de vie React
  • Création d'un site Web AMP avec React & Next.js
  • Create React App 3.0 apporte de nouvelles fonctionnalités intéressantes, notamment la prise en charge des crochets!
  

• Angulaire:
  • Construire une structure de projet angulaire de niveau entreprise
  • RxJS pratique et angulaire
  • Angular 8: première version candidate
  

• VueJS:
  • Penser les composants avec Vue.js
  • Découvrez la puissance des fermetures dans VueJS
  

• Libs et plugins:
  • Comment créer un bot de musique en utilisant Discord.js
  • glicky: un gestionnaire de tâches dans le navigateur pour le développement Web moderne
  • Uppy 1.0: votre meilleur ami dans le téléchargement de fichiers
  • faast.js: l'informatique par lots sans serveur simplifiée
  • réessayer: donnez à vos fonctions une autre chance
  

Navigateurs

• Nouveau dans Chrome 74
• Nouveautés de DevTools (Chrome 75)
• Nouveau dans Firefox 66: animation de la grille CSS

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