human
La différence entre HTML5, CSS et les autres langages Web. Je n'y connais rien en codage mais j'ai vraiment envie de m'y mettre. Mais d'abord, je veux connaître les différences entre eux. Explique comme si j'avais cinq ans.
gpt
Ok , dans une suite de développement web , il ya quelques composants différents : De haut en bas : 1 . Interaction dynamique côté client ( javascript ) 1 . Rendu statique côté client ( html+css ) 1 . Génération de page dynamique côté serveur ( php / java / rails / django etc ) 1 . Bases de données Permettez-moi d'expliquer comment les langues s'intègrent dans . * * Côté client * * HTML et CSS sont utilisés pour déterminer l' apparence de votre page . Vous pouvez ajouter une boîte ici et changer un arrière-plan là. Toutes les cases, les textes et les images que vous spécifiez en HTML sont "dessinés" (appelés rendus) par le navigateur de l'utilisateur. Désormais, en tant que concepteur de site, vous pouvez également indiquer au navigateur de l'utilisateur de mettre en place une animation et une interactivité. Vous faites cela en le spécifiant en javascript . Que ce soit avant, après ou pendant qu'un navigateur "dessine" une page, il lira le fichier javascript que vous avez inclus et suivra les instructions qui s'y trouvent. C'est généralement utilisé pour des trucs comme « si l'utilisateur clique sur cette image, puis fait voler l'image sur l'écran et affiche ensuite une fenêtre de connexion ». Tout va bien, mais il y a un problème. Avec seulement ces éléments rendus par le navigateur, la page aura TOUJOURS le même aspect à chaque fois que vous la visiterez. Pourquoi ? Parce que votre page html ne changera jamais ! Ce qu'il faut faire, c'est le « traitement du serveur ». ------ * * Côté serveur * * Un * serveur * est l' ordinateur qui stocke le site Web . Afin de dire au serveur de faire des choses, vous devez coder dans un langage côté serveur. Cela vous permet de faire en sorte que le serveur génère automatiquement du code HTML en fonction de la façon dont vous l'avez codé. Par exemple : Au lieu d'écrire simplement un html qui crée une zone de texte, écrire du code côté serveur peut vous permettre de faire quelque chose comme ceci : > Récupérer tous les commentaires d'une base de données puis pour chaque commentaire imprimer un div html qui contient son contenu * Exemple :* < ? php $ commentaires = getCommentsFromDatabase ( ) ; if ( $ comments > 0 ) { for ( $ comments as $ oneComment ) // boucle sur tous les commentaires { echo " < div class='commentsDiv ' > " . $commentaires->contenu ( ) . " < /div > " ; //générer html } } ? > Avec ceci en place votre emplacement est maintenant « dynamique ». Au fur et à mesure que les utilisateurs postent plus de commentaires, votre page aura un aspect différent. Java, php, ruby ​​on rails, python django, etc. sont tous des langages différents qui peuvent être utilisés pour accomplir cela. Ils ont tous leurs avantages et leurs inconvénients et c'est au développeur d'en choisir un. * * Communication serveur - client * * Cependant , il y a toujours un défaut là - dedans . Le problème avec le traitement côté serveur est qu'il ne se produit que lorsque l'utilisateur récupère la page. Cela signifie que si les informations changent, un utilisateur doit rafraîchir la page afin de dire au serveur de "préparer du nouveau HTML pour cette page". Et si vous ne voulez pas faire ça ? Que se passe-t-il si vous souhaitez que votre site Web mette automatiquement à jour la page même sans que l'utilisateur n'ait à actualiser ? C'est à ce moment que vous faites quelque chose de délicat appelé AJAX . ( Javascript asynchrone et xmlhttp ) . Asynchrone signifie que d'autres choses n'ont pas à l'attendre. Cela signifie que vous codez votre javascript de manière à ce qu'il indique au navigateur d'envoyer un message spécifique au serveur demandant des informations. Par exemple, vous pouvez le coder pour faire quelque chose comme > toutes les 5 secondes, envoyer un message au serveur demandant s'il y a un nouveau commentaire sur la page. Une fois que le serveur m'a envoyé le nouveau commentaire , dessinez - le sur l' écran comme un html div * * Formats de message * * Maintenant , quel format utilisons - nous pour envoyer ce message au serveur et retour ? Bien sûr, vous pouvez utiliser n'importe quel format, mais il existe des moyens standard que les développeurs aiment envoyer ce message. Deux principaux sont JSON ( notation d' objet JavaScript ) et XML ( eXtensible Markup Language ) . JSON ressemble à un tableau javascript et xml ressemble à html . Exemple de JSON : { " name " : " razor_storm " , " comment_content " : " il était une fois j'ai mangé un cochon " , " trophies " : [ " join reddit " , " reddit mold " , " big * * * * " ] } Exemples de XML : < comment > < name attr="username " > razor_storm </name > < content length=28 time=09/01/2013 > il était une fois j'ai mangé un cochon < /content > < trophées > < li > rejoint reddit < /li > < li > moule reddit < /li > < li > grand * * * * < /li > < /trophies > < /comment >