Une requête synchrone bloque le client jusqu'à la fin de l'opération (ainsi que le moteur JavaScript du navigateur).
Une requête asynchrone ne bloque pas le client, ce qui veut dire que le client peut effectuer d'autres opérations. Le moteur JavaScript du navigateur n'est pas bloqué.
Google Chrome est le navigateur le plus utilisé dans le monde. Probablement car il a été crée par Google mais aussi car quand on ne l'utilise pas et que l'on navigue sur Google, cela nous propose de l'installer.
Il est très utilisé car il est très facile de compréhension et possède toutes les fonctionnalités demandées à un navigateur web.
Mozilla Firefox est un navigateur libre proposé par la fondation Mozilla. Il ressemble à Google Chrome sur beaucoup d'aspects, mais s'en démarque sur d'autres. Contrairement à Google Chrome, Firefox ne collecte aucune donnée durant l'utilisation (sauf de télémétrie non activée par défaut).
Il propose aussi des protections contre le pistage spécifique comme le blocage de contenu, ou encore les onglets contextuels.
Personnellement en tant que développeur, je préfère les outils de développement que Firefox propose.
Microsoft Edge est le grand frère de Internet Explorer qui n'est maintenant plus mis à jour. C'est le navigateur par défaut installé sur les machines possédant l'OS Windows. Grâce à cela, il a dépassé le nombre d'utilisateurs de Firefox.
Personnellement je ne l'utiliserai pas, car il appartient à Microsoft et vole certainement un nombre de données considérables. Sinon, cela reste un bon navigateur mais qui, je trouve, reste moins performant que les navigateurs cités précédemment.
En terme de moteurs de rendu, Firefox utilise Gecko, tandis que Chrome et Edge utilisent Blink. (Chrome utilisait précédemment WebKit).
Un moteur de rendu transforme le document HTML, ainsi que toutes les autres ressources associées à la page, en une représentation visuelle interactive pour l'utilisateur. C'est le coeur d'un navigateur web.
Les 3 moteurs de rendu cités au-dessus sont open source.
On peut trouver les différetes compatibilités CSS sur caniuse.
Le meilleur conseil que je peux donner c'est de ne pas copier du code que l'on ne comprend pas. Tant que l'on ne comprend pas l'entièreté de son code, de pourquoi cela fonctionne ou ne fonctionne pas, ce n'est pas bon.
Quand on connaît déjà bien l'HTML et le CSS, je peux conseiller d'utiliser des frameworks comme Bootstrap (qui n'est pas autorisé pour ce module) par exemple. Ce genre d'outil est très pratique pour éviter d'avoir à écrire trop de CSS, et pouvoir utiliser des classes CSS de qualité (car dans le cas de Bootstrap, ça a été crée par Twitter).
Concernant les droits d'auteur, cela dépendra évidemment de la provenance.
Si une image vient de Unsplash par exemple, il n'y aurait pas besoin de citer la provenance de l'image car c'est un site qui propose des images libres de droits. (mais c'est toujours bien de le faire !)
Si le site internet récolte des données, il est très important d'indiquer quelles données le site internet récupère de l'utilisateur. (voir LPD et RGPD).
Cela dépend aussi des pays. En Suisse par exemple, le téléchargement dit "illégal" est autorisé, pas comme en France par exemple.
Autre exemple, la suisse a inscrit dans sa loi le droit à un internet ouvert, ce qui à nouveau, n'est pas le cas en france. Voir Art. 12e Internet ouvert
Images : GIF, ICO, JPEG, SVG, PNG, WebP, AVIF, BMP, TIFF et APNG.
Vidéos : WebM, MP4, 3gp, mov, flac et Ogg.
Audios : MP3, Ogg, 3gp, flac, MOV et WAV.