{"id":463,"date":"2018-02-09T12:11:59","date_gmt":"2018-02-09T11:11:59","guid":{"rendered":"http:\/\/wollef.org\/?p=463"},"modified":"2018-02-09T12:11:59","modified_gmt":"2018-02-09T11:11:59","slug":"histoire-de-la-programmation-44-les-langages-du-web","status":"publish","type":"post","link":"https:\/\/wollef.org\/blog\/histoire-de-la-programmation-44-les-langages-du-web\/","title":{"rendered":"Histoire de la programmation 4\/4 : Les langages du web"},"content":{"rendered":"<p>Au d\u00e9but des ann\u00e9es 90 Tim Berners-Lee inventa le\u00a0World Wide Web\u00a0(www), qui\u00a0est un r\u00e9seau de documents (pages web : la home page du lyc\u00e9e par exemple) r\u00e9partis dans le r\u00e9seau internet, qui a aussi \u00e9volu\u00e9 en un r\u00e9seau d&#8217;acc\u00e8s \u00e0 des applications (pages web dynamiques : google.com, amazon.com, youtube.com, \u2026).\u00a0<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>Pour faire fonctionner cette toile globale de nouveaux langages ont \u00e9t\u00e9 imagin\u00e9s. Je vais parler de deux d&#8217;entre eux.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<h1>HTML:<span data-ccp-props=\"{&quot;335559738&quot;:120}\">\u00a0<\/span><\/h1>\n<p>HTML\u00a0aussi appeler L\u2019HyperText Markup Langage est le format le plus souvent utilis\u00e9\u00a0pour cr\u00e9er des sites web. HTML a \u00e9t\u00e9 invent\u00e9 pour permettre d\u2019\u00e9crire des documents hypertextuels, en\u00a0reliant les diff\u00e9rents\u00a0documents\u00a0d\u2019internet avec des hyperliens.\u00a0<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{}\">\u00a0<\/span>Aujourd\u2019hui, ces documents sont appel\u00e9s\u202f\u00ab\u202fpage web\u202f\u00bb.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<pre><span data-ccp-props=\"{}\">\u00a0<\/span>Voici un exemple de page que j\u2019ai \u00e9crite au d\u00e9but de mon parcours dans l\u2019entreprise \u00ab\u202fWeb\u00a0Development\u202f\u00bb.<span data-ccp-props=\"{}\">\u00a0<\/span>\n\n<span data-ccp-props=\"{}\">\u00a0<\/span>&lt;!DOCTYPE html&gt;\u00a0<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0\n<\/span>\n&lt;html&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n&lt;head&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n&lt;title&gt;Test_2017&lt;\/title&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n&lt;meta\u00a0charset=\"utf-8\"&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n&lt;\/head&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n&lt;body&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n&lt;font&gt;Test de ce site web&lt;\/font&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n\u00a0&lt;audio\u00a0src=\"DJ_Snake.mp3\" type=\"audio\/mp3\"\u00a0controls&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n&lt;img\u00a0src=\"images.jpeg\"&gt;\u00a0<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n\u00a0&lt;\/body&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span>\n\u00a0&lt;\/html&gt;<span data-ccp-props=\"{&quot;335559685&quot;:708}\">\u00a0<\/span><\/pre>\n<p><span data-ccp-props=\"{}\">\u00a0<\/span>Je n&#8217;ai pas pu colorier\u00a0le code\u00a0car ce n&#8217;est pas un langage pour \u00e9crire des programmes\u00a0mais pour \u00e9crire des pages web.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>Le navigateur web (chrome par exemple) va d\u00e9coder le HTML pour le rendre visible sur l&#8217;\u00e9cran<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>Voici le r\u00e9sultat de ce code :<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-467\" src=\"http:\/\/wollef.org\/wp-content\/uploads\/2018\/02\/2017-11-22-300x126.png\" alt=\"\" width=\"300\" height=\"126\" \/><\/strong><\/p>\n<h1>Java Script\u202f:<span data-ccp-props=\"{&quot;335559738&quot;:120}\">\u00a0<\/span><\/h1>\n<p><span data-ccp-props=\"{}\">\u00a0<\/span>Java Script est utilis\u00e9\u00a0pour cr\u00e9er des sites web mais aussi pour les serveurs.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>Java script a \u00e9t\u00e9 cr\u00e9\u00e9 en mai 1995 par Brendan Eich pour Netscape Communication Corporation. Le langage est une simplification de Java pour les d\u00e9butants.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>Brendan Eich a aussi cod\u00e9 Live Script. Live script est Java script sauf pour les diff\u00e9rents serveurs.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>En\u00a0d\u00e9cembre 1995 Netscape annonce\u00a0la sortie de Java Script.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p>Plus tard Microsoft utilisa Java Script pour faire leur site web.<span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<pre><b>function<\/b><b>\u00a0<\/b><b>test_prime<\/b>(<b>n<\/b>)<span data-ccp-props=\"{}\">\u00a0<\/span>\n{<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0<b>if<\/b><b>\u00a0<\/b>(<b>n<\/b>===1)<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0 {<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<b>return<\/b><b>\u00a0<\/b>false;\u00a0\u00a0<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0 }<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0<b>else<\/b><b>\u00a0if<\/b>(<b>n\u00a0<\/b>===\u00a02)<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0 {\u00a0\u00a0\u00a0\u00a0<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<b>return<\/b><b>\u00a0<\/b>true\u00a0;<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0 }<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0<b>else<\/b><span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0 {<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<b>for<\/b>(<b>var\u00a0<\/b><b>x\u00a0<\/b>=\u00a02;\u00a0<b>x\u00a0<\/b>&lt;\u00a0<b>n<\/b>;\u00a0<b>x<\/b>++)<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0 {<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<b>if<\/b>(<b>n\u00a0<\/b>%\u00a0<b>x\u00a0<\/b>===\u00a00)<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<b>return<\/b><b>\u00a0<\/b>false;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\u00a0\u00a0<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<b>return<\/b><b>\u00a0<\/b>true;<span data-ccp-props=\"{}\">\u00a0<\/span>\n\u00a0\u00a0 }<span data-ccp-props=\"{}\">\u00a0<\/span>\n}<span data-ccp-props=\"{}\">\u00a0<\/span>\nconsole.<b>log<\/b>(<b>test_prime<\/b>(37));<span data-ccp-props=\"{}\">\u00a0<\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Au d\u00e9but des ann\u00e9es 90 Tim Berners-Lee inventa le\u00a0World Wide Web\u00a0(www), qui\u00a0est un r\u00e9seau de documents (pages web : la home page du lyc\u00e9e par exemple) r\u00e9partis dans le r\u00e9seau internet, qui a aussi \u00e9volu\u00e9 en un r\u00e9seau d&#8217;acc\u00e8s \u00e0 des applications (pages web dynamiques : google.com, amazon.com, youtube.com, \u2026).\u00a0\u00a0 Pour faire fonctionner cette toile <a class=\"read-more\" href=\"https:\/\/wollef.org\/blog\/histoire-de-la-programmation-44-les-langages-du-web\/\">Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,4,44,46,14],"tags":[],"class_list":["post-463","post","type-post","status-publish","format-standard","hentry","category-histoire-programmation-java","category-histoire","category-html","category-javascript","category-programmation"],"_links":{"self":[{"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/posts\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":0,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/posts\/463\/revisions"}],"wp:attachment":[{"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/media?parent=463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/categories?post=463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wollef.org\/blog\/wp-json\/wp\/v2\/tags?post=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}