Frontend Weekly Digest #304 (27 mars — 2 avril 2023)

Apr 03 2023
Développement Web • Les notifications push sont maintenant prises en charge par tous les navigateurs • Sauter les balises HTML. Une autre raison de valider votre balisage • Combattre le gonflement HTML entre les composants • Sass et l'imbrication native • Masquer les éléments vides avec CSS :empty et :has() • Comment utiliser Google Fonts et font-display • Empêcher les lignes finales de texte trop courtes blocs • Arrière-plan en damier utilisant deux lignes de code en CSS • Masquage CSS • Amélioration des formes CSS avec des fonctions trigonométriques • Positionnez votre élément avec la propriété logique d'encart CSS • Styliser les pages Web avec Sakura CSS JavaScript • Maîtriser l'instruction de commutation JavaScript • Les cartes d'importation JavaScript sont désormais prises en charge cross-browser • En tant qu'ingénieur frontal : la magie derrière "l'émetteur d'événements" en JavaScript que vous devez connaître • Créez une application météo avec Vanilla JS.

Développement web

• Les notifications push sont désormais pris en charge cross-browser
• Sauter les balises HTML. Une autre raison de valider votre balisage
• Lutter contre le gonflement HTML inter-composants

  • Outils
    • In Praise of Vite
    • Optimisation du processus de construction à l'aide de Webpack
  • Effets
    • Transformer des modèles 3D en Voxel Art avec Three.js
    • Maîtriser les animations Theatre.js : apprendre à créer des visuels dynamiques

• Sass et Native Nesting
• Cacher les éléments vides avec CSS :empty et :has()
• Comment utiliser Google Fonts et font-display
• Empêcher les lignes finales trop courtes des blocs de texte
• Arrière-plan quadrillé utilisant deux lignes de code en CSS
• CSS Masquage
• Amélioration des formes CSS avec des fonctions trigonométriques
• Positionnez votre élément avec la propriété logique d'encart CSS
• Stylez les pages Web avec Sakura CSS

Javascript

• Maîtriser l'instruction de commutation JavaScript
• Les cartes d'importation JavaScript sont désormais prises en charge dans tous les navigateurs
• En tant qu'ingénieur frontal : la magie derrière "l'émetteur d'événements" en JavaScript que vous devez connaître
• Créez une application météo avec Vanilla JS

  • React
    • La fin d'une époque : l'équipe React dit au revoir à la création d'une application React
    • Comment mesurer et améliorer les performances d'une application React
    • Micro Frontends dans React : un guide pratique
    • Arrêtez d'utiliser useMemo maintenant !
    • Construire un crochet de récupération personnalisé dans React
    • Meilleures pratiques du modèle d'accessoires de rendu : améliorer les performances de React et plus PARTIE 1️⃣
  • Vue
    • Tutoriel Vue.js : Premiers pas et 10 meilleures pratiques
    • Comment ajouter un style dynamique et des noms de classe dans Vue.js
    • Comment créer une application Vue en temps réel avec WebSockets
  • Angulaire
    • Signaux angulaires - Porter la réactivité vers de nouveaux sommets
    • Comment j'ai échoué à une interview de développeur angulaire en ne répondant pas à cette simple question
    • Signaux angulaires en bref
    • Signaux angulaires v16, tout ce qui est ancien est à nouveau nouveau