La propriété Box Sizing  en CSS définit comment les développeurs doivent calculer la largeur et la hauteur d’une boîte.

La boîte de contenu est définie lorsque la hauteur et la largeur par défaut sont appliquées au contenu d’un élément. La bordure et le remplissage se trouvent à l’extérieur de la boîte.

La boîte de remplissage est définie lorsque le développeur ajoute les dimensions pour inclure le remplissage et le contenu de l’élément. Cela ajoute une bordure à l’extérieur de la boîte donnée.

La boîte de bordure est définie lorsque les dimensions de la boîte s’appliquent à la bordure, au remplissage et au contenu.

Il existe trois façons de masquer des éléments avec CSS.
display:none permet de masquer le contenu afin qu’il ne soit pas stocké dans le DOM.
visibility:hidden ajoute un élément au DOM et occupe de l’espace. Cependant, l’utilisateur ne peut pas le voir.
position:absolute fait apparaître l’élément hors de l’écran, et non à l’écran.

Le rappel est une fonction JavaScript que les développeurs envoient comme paramètre ou argument à d’autres fonctions. Vous pouvez appeler cette fonction dès que la fonction à laquelle elle est fournie est appelée.

Undefined fait référence à une situation où une variable est déclarée, mais où aucune valeur ne lui a encore été attribuée.
ex.
let a;
console.log(a); // Sortie : undefinedNull fait référence à l’attribution d’une valeur à une variable qui n’est pas censée en contenir.
ex. let b = null;
console.log(b); // Sortie : nullUndeclared fait référence aux variables qui n’existent pas dans une application ou un programme, ou qui n’ont pas été déclarées.
ex.
console.log(c); // ReferenceError : c n’est pas défini

• Compression d’image – Cette méthode permet de réduire la taille d’un élément afin de limiter le transfert de données.
• Minifier les scripts – Cela réduit la taille globale des fichiers JS et CSS.
• Concaténation de fichiers – Cela réduit le nombre d’appels HTTP.
• Hébergement CDN – Un CDN (réseau de diffusion de contenu) est un réseau de serveurs répartis géographiquement pour réduire la latence.
• Chargement différé – Au lieu de charger tous les éléments en même temps, les éléments non critiques peuvent être chargés en fonction des besoins.
• Téléchargements parallèles – L’hébergement d’éléments dans plusieurs sous-domaines peut permettre de contourner la limite de téléchargement de 6 éléments par domaine imposée par tous les navigateurs modernes. Ces paramètres peuvent être configurés, mais la plupart des utilisateurs ne les modifient jamais.

Suivez ces étapes : Accéder à l’hôte local du PC (serveur XAMPP) depuis un appareil mobile

1. Connecter le PC et l’appareil mobile au même réseau (Wi-Fi/Hotsport)
2. Configuration du projet
   • Créez d’abord votre projet en utilisant HTML, CSS et JavaScript.
   • Une fois votre projet prêt, copiez le dossier du projet.
3. Coller le projet dans XAMPP
   • Aller dans : Disque local (C:) > xampp > htdocs
   • Collez le dossier de votre projet ici
4. Ouvrez XAMPP
   • Configuration de démarrage d’Apache
   • Configuration de démarrage de MySQL
5. Ouvrir le projet dans VS Code
   • Ouvrez le dossier du projet dans VS Code.
   • Si Live Server n’est pas installé : allez dans Extensions (Ctrl+Maj+X), recherchez « Live Server » et installez-le.
   • S’il est déjà installé : cliquez sur « Passer en production » (en bas à droite dans VS Code).
   • Adresse IPv4 du serveur Live (par exemple, 192.xyz.ab.c). Live Server s’exécute sur le port 3000. Lien vers l’adresse IP de VS Code. http://192.xyz.ab.c:3000
6. Trouver l’adresse IP locale de votre ordinateur
   • Exécuter (appuyer sur Windows + R)
   • Ouvrir CMD : saisir cmd et appuyer sur Entrée
   • Saisir ipconfig
   • Copiez l’adresse IPv4 http://192.168.—:3000 et vérifiez que votre serveur local fonctionne sur le port 3000
7. Ouvrir votre site web local sur un appareil mobile
   • Ouvrir un navigateur mobile (Chrome)
   • Étape 6 : saisir l’adresse IP http://192.168.—:3000, http://votre-adresse-ip:vs code port 3000
   • Remarque : ne supprimez pas :3000 à la fin Fin.
8. Testez et appréciez !