Frontend Weekly Digest (9-15 septembre 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

• ComponentsConf 2019, Australie. 15 vidéos
• La 5G ralentira définitivement le Web, peut-être
• (Pourquoi) Certains HTML sont "facultatifs"
• Comment contribuer à un projet Open Source
• X3D: 3D déclarative pour le Web moderne
• Architectures frontales contemporaines

• Des outils
  • Présentation de caniemail.com
  • Collaboration de données de compatibilité Caniuse et MDN
  • Déplacer votre développement JavaScript vers Bash sur Windows
  • Mes extensions préférées pour le développement web
  • Vérificateur de contraste des boutons
  

• Les effets
  • Résumé des démonstrations impressionnantes # 8
  • Résumé des sites Web inspirants n ° 8
  

CSS

• Comment créer des sites Web uniques et magnifiques avec Tailwind CSS
• Vulnérabilités de sécurité CSS
• Boutons fantômes avec prise de conscience directionnelle en CSS
• Deux navigateurs entrés dans une barre de défilement
• Opérations logiques avec des variables CSS
• Comment supprimer le CSS inutilisé
• CSS Grid: dispositions de magazines

Javascript

• Comment trouver des bogues dans votre code JavaScript avec le débogueur
• Métronomes en JavaScript
• Observabilité frontale. Un guide pratique pour la surveillance des erreurs des navigateurs avec window.onerror
• Apprentissage automatique pour les développeurs frontaux avec Tensorflow.js
• Un V8 plus léger
• Comment je débogue le code Javascript que je n'ai pas écrit
• ECMAScript-new-features-list - Une liste complète des nouvelles fonctionnalités ES, y compris ES6, ES7, ES8, ES9 et ES10 (2015-2019)
• La nouvelle fonctionnalité la plus remarquable de Javascript que vous devez connaître: Chaînage en option

• Théorie
  • Il s'agit de trucs et astuces JS utiles!
  • 4 façons d'accéder en toute sécurité aux objets imbriqués dans Vanilla Javascript
  • Une ré-introduction à la cession de destructions
  • Ce n'est pas faux que "emoji" .length == 7
  

• Réagir
  • Menu Hamburger avec un côté des crochets React et des composants stylés
  • Pourquoi nous sommes passés à React Hooks
  • React Dev Tools - Déboguer comme un ninja
  

• Vue
  • Création de votre application avec des composants stylisés dans Vue.js
  • Vue 3 | Regard sur la vue: Fonctions de composition. Natalia Tepluhina sur ComponentsConf 2019
  • JSFoo: VueDay 2019
  • Quelques astuces pratiques Vue.js
  • Pourquoi Vuejs est si génial?
  • Comment tester les applications Vue avec le framework Cypress populaire
  

• Angulaire
  • Comment créer des applications Web internationalisées conviviales pour les moteurs de recherche avec Angular Universal et ngx-translate
  • Ajoutez l'internationalisation (i18n) à une application Angular
  • Configuration d'un projet CLI angulaire avec GraphQL
  • Quoi de neuf après Angular 8
  

• Libs et plugins
  • css-dot-js-loader - Un chargeur Webpack qui permet de générer du code CSS statique via JavaScript
  • check-imports - Vérifier les importations dans les fichiers JS et mettre à jour les dépendances package.json
  • Mode sombre sur votre site avec 1 ligne de code
  • "Native Lazyload" Par Google officiellement dans Wordpress
  • js-fire - une bibliothèque pour générer automatiquement des interfaces de ligne de commande (CLI) à partir de la plupart des objets js.
  • poétique: Configurer ESLint, Prettier et Airbnb en 1 ligne
  • js-noisy-gradient - Lib petite et rapide pour lisser les bandes visibles dans les arrière-plans à gradient linéaire.
  

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