<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Noe</title>
    <description>The latest articles on DEV Community by Noe (@vamoacodear).</description>
    <link>https://dev.to/vamoacodear</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F27394%2F579247ae-c42c-469e-b2d6-243803a06d4a.png</url>
      <title>DEV Community: Noe</title>
      <link>https://dev.to/vamoacodear</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/vamoacodear"/>
    <language>en</language>
    <item>
      <title>¿Por qué nació esto?</title>
      <dc:creator>Noe</dc:creator>
      <pubDate>Sun, 20 Feb 2022 23:53:24 +0000</pubDate>
      <link>https://dev.to/vamoacodear/de-donde-salio-esto-1f7l</link>
      <guid>https://dev.to/vamoacodear/de-donde-salio-esto-1f7l</guid>
      <description>&lt;p&gt;Importante: No busques que escriba seriamente, no puedo, todo lo que leas abajo, esta en criollo, bien Argento. &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3UlmgEBI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tfzb14if6c7pe8rgbpfw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3UlmgEBI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tfzb14if6c7pe8rgbpfw.png" alt="Image description" width="299" height="189"&gt;&lt;/a&gt;&lt;br&gt;
En fin:&lt;/p&gt;

&lt;p&gt;✨ Buenas buenas ✨ &lt;/p&gt;

&lt;p&gt;Esto iba a ser un hilo 🧵 dominguero en Twitter, pero a medida que escribía me di cuenta que se iba un poco de las manos... obvio que estaba haciendo otra cosa, me distraje y pensé "no me acuerdo y quiero volver a saber ?¿ de dónde nació internet, html, css, javascript y que fue primero, el huevo o la gallina? &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MschXhlO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cp7msb9rie16biz0ol33.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MschXhlO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cp7msb9rie16biz0ol33.png" alt="Image description" width="95" height="125"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Pero Noe, dejate de joder, eso ya lo sabemos de memoria... bueno, como les dije, yo no lo recuerdo todo y voy a ponerme en modo Kari (de Sorjonen, y si, esta en Netflix) pero buscando en internet, capisci? 🤣&lt;/p&gt;

&lt;p&gt;Quise arrancar por HTML, pero claro, empecé a buscar y terminé en Narnia, así que les voy a contar, pero no me voy a meter en detalles. Y menos en la deep web. 👀  &lt;/p&gt;

&lt;p&gt;Disclaimer: lo busqué en internet 😂 &lt;/p&gt;

&lt;h2&gt;
  
  
  ¿Por qué nació la computadora?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gJg-a-QX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jken5tj7c6ijfjcqb5p9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gJg-a-QX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jken5tj7c6ijfjcqb5p9.png" alt="Image description" width="312" height="314"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;En 1800 el precursor de esto fue Joseph Marie Jacquard quien creó el telar y las tarjetas perforadas, pa que? porque quería que el telar creará patrones en las telas.&lt;/p&gt;

&lt;p&gt;Allá por 1821 el guapo Charles Babbage consigue una máquina calculadora impulsada por vapor y a partir de ahí flasheo… una máquina calculadora... 👀 Esperen, esperen... 🤣 PEEERO que automatizara todos esos cálculos que eran hechos por humanos, que hacían un trabajo tan repetitivo que a veces se aburrían y terminaban haciendo cualquiera. Feel you bro&lt;/p&gt;

&lt;h2&gt;
  
  
  ¿Por qué nació internet?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OtFgrn2C--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wvax3u6sx29bd07hpj7k.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OtFgrn2C--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wvax3u6sx29bd07hpj7k.png" alt="Image description" width="626" height="411"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Si bien el objetivo principal de Internet es proporcionar acceso global a datos y comunicaciones... El principal interesado fue el Departamento de Defensa de Estados Unidos, que en plena Guerra fría necesitaba saber en tiempo real lo que estaba pasando en la otra parte del mundo, o sea, el bardito que iba habiendo en cada lugar y qué corno hacer, vió?&lt;/p&gt;

&lt;p&gt;También en la necesidad de compartir documentos científicos entre coworkers, universidades, blah blah. &lt;a href="https://home.web.cern.ch/science/computing/birth-web"&gt;https://home.web.cern.ch/science/computing/birth-web&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;NOTA: Ni loca me meto en temita protocolos, besis.&lt;/p&gt;

&lt;h2&gt;
  
  
  ¿Por qué nació HTML?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GZF3RGCW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ygucau865irr2yz4ghqi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GZF3RGCW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ygucau865irr2yz4ghqi.png" alt="Image description" width="880" height="859"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Su predecesor era SGML, pero no lo entendía ni magoya, de ahí Tim Bernes-Lee trabajador de la Organización Europea para la Investigación Nuclear (CERN), dijo: “che, quiero esto pero semanticamente para nuestros documentos cientificos.&lt;br&gt;
De paso lo hago para que lo pueda entender hasta el perro.” Si, dijo todo eso.&lt;/p&gt;

&lt;p&gt;HTML se basa en hypertext creado por Ted Nelson que basicamente son documentos que tienen TEXTO (fuaa el diego) enlazandos mediante links, onda, hago clic acá y pum me voy a otro documento (otro archivito html). Eso (hypertext) junto a markup language (SGML, link abajo, pero basicamente es "poner comillas acá, negrita acá, y allá punto y aparte".), se fusionaron como en Dragón Ball y taran… HTML.  &lt;/p&gt;

&lt;p&gt;En fin, esta fue la primer página web, que creó Tim y la subió a un servidor de la empresa. &lt;a href="http://info.cern.ch/hypertext/WWW/TheProject.html"&gt;http://info.cern.ch/hypertext/WWW/TheProject.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Y si, adivinaste es el papá del primer buscador/editor ?¿ llamado WorldWideWeb renombrado a Nexus para que no se confunda con  World Wide Web), acá su súper navegador:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sruhx3By--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/77eaizte5fs4vm6cg93z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sruhx3By--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/77eaizte5fs4vm6cg93z.png" alt="Image description" width="880" height="654"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ¿Por qué nacieron los navegadores?
&lt;/h2&gt;

&lt;p&gt;Porque se necesitaba algo (una aplicación 👀) para mostrar los documentos creados y alojados en las diferentes computadoras tiradas por el planeta. O sea, para que el usuario pudiera buscar archivos a través de internet. Tamo?&lt;/p&gt;

&lt;p&gt;Acá el mejor de todos: &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GT2qzrqO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/03akx216p8fpstu5gdh8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GT2qzrqO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/03akx216p8fpstu5gdh8.png" alt="Image description" width="63" height="57"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ¿Por qué nació CSS?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wInLFyVB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/abur4v9rfi8w0q87x4bc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wInLFyVB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/abur4v9rfi8w0q87x4bc.png" alt="Image description" width="640" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Para ponerle onda al HTML, o sea, diferentes estilos, fuentes, colores, espacios, etc.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9UqfGEe3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a23etkz85tmq5bkitghn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9UqfGEe3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a23etkz85tmq5bkitghn.png" alt="Image description" width="500" height="356"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  ¿Por qué nació JavaScript?
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Rj7UBs5V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rfkcrkd2oyfn4c0oxhn8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Rj7UBs5V--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rfkcrkd2oyfn4c0oxhn8.png" alt="Image description" width="474" height="338"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Porque Brendan Eich (también creador de Netscape) dijo que la onda no alcanzaba y el usuario quería interactuar más con la web. Y supuestamente porque se necesitaba validar los datos que el usuario ingresaba en un formulario y con el lenguaje de aquel momento, algo como ISO C, Perl, ni idea, era un dolor de ovarios.- &lt;/p&gt;

&lt;p&gt;Gracias JavaScript ✨&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--FwX-u3nq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zlqwubzg59lembr05iyx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FwX-u3nq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zlqwubzg59lembr05iyx.png" alt="Image description" width="498" height="333"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Bueno, espero que no se me hayan dormido, Y ESO QUE NO FUI AL DETALLE. &lt;/p&gt;

&lt;p&gt;Espero les guste, gracias por leer, los veo en twitter o por ahí ✨&lt;/p&gt;

&lt;p&gt;PD: Ahora tengo que terminar lo que realmente tenía que hacer y es re tarde, coquita y a escribir como el gato&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IWQcAlLQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n7xxtt0vzopzc9p70gd0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IWQcAlLQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n7xxtt0vzopzc9p70gd0.png" alt="Image description" width="300" height="300"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ah, acá está cronólogicamente como fue pasando todo este kilombo que acabo de explicar (en Ingles, sorry) &lt;br&gt;
&lt;a href="https://www.computerhope.com/history/internet.htm"&gt;https://www.computerhope.com/history/internet.htm&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Biografia en orden:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Computadoras:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.britannica.com/technology/computer/The-first-computer"&gt;https://www.britannica.com/technology/computer/The-first-computer&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://es.wikipedia.org/wiki/Tarjeta_perforada#/media/Archivo:Punch-card-blue.jpg"&gt;https://es.wikipedia.org/wiki/Tarjeta_perforada#/media/Archivo:Punch-card-blue.jpg&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.livescience.com/20718-computer-history.html"&gt;https://www.livescience.com/20718-computer-history.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://es.wikipedia.org/wiki/Charles_Babbage"&gt;https://es.wikipedia.org/wiki/Charles_Babbage&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Internet:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://en.wikipedia.org/wiki/Internet"&gt;https://en.wikipedia.org/wiki/Internet&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.usg.edu/galileo/skills/unit07/internet07_02.phtml"&gt;https://www.usg.edu/galileo/skills/unit07/internet07_02.phtml&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.computerhope.com/issues/ch001016.htm"&gt;https://www.computerhope.com/issues/ch001016.htm&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Hypertext:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="http://info.cern.ch/hypertext/History.html"&gt;http://info.cern.ch/hypertext/History.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/History/19921103-hypertext/hypertext/WWW/DesignIssues/Formats.html"&gt;https://www.w3.org/History/19921103-hypertext/hypertext/WWW/DesignIssues/Formats.html&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;HTML:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Text.html"&gt;https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Text.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://info.cern.ch/"&gt;http://info.cern.ch/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html"&gt;https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://vertex-academy.com/tutorials/en/html-history/#:%7E:text=1991,as%20the%20World%20Wide%20Web"&gt;https://vertex-academy.com/tutorials/en/html-history/#:~:text=1991,as%20the%20World%20Wide%20Web&lt;/a&gt;).&lt;/li&gt;
&lt;li&gt;&lt;a href="https://home.web.cern.ch/science/computing/birth-web"&gt;https://home.web.cern.ch/science/computing/birth-web&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Markup Language:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://en.wikipedia.org/wiki/IBM_Generalized_Markup_Language"&gt;https://en.wikipedia.org/wiki/IBM_Generalized_Markup_Language&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/SGML.html"&gt;https://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/SGML.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://es.wikipedia.org/wiki/Lenguaje_de_marcado"&gt;https://es.wikipedia.org/wiki/Lenguaje_de_marcado&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;WorldWideWeb:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="http://info.cern.ch/hypertext/WWW/History.html"&gt;http://info.cern.ch/hypertext/WWW/History.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://info.cern.ch/hypertext/WWW/TheProject.html"&gt;http://info.cern.ch/hypertext/WWW/TheProject.html&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;CSS:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.w3.org/Style/CSS/Overview.en.html"&gt;https://www.w3.org/Style/CSS/Overview.en.html&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;JavaScript:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.ecma-international.org/publications-and-standards/standards/ecma-262/"&gt;https://www.ecma-international.org/publications-and-standards/standards/ecma-262/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://hackernoon.com/how-javascript-was-created-and-why-the-history-behind-it-is-important-fwh3tco"&gt;https://hackernoon.com/how-javascript-was-created-and-why-the-history-behind-it-is-important-fwh3tco&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://webdevelopmenthistory.com/1995-the-birth-of-javascript/"&gt;https://webdevelopmenthistory.com/1995-the-birth-of-javascript/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Links random:&lt;br&gt;
&lt;a href="https://spec.whatwg.org/"&gt;https://spec.whatwg.org/&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.wikiwand.com/en/Timeline_of_web_browsers"&gt;https://www.wikiwand.com/en/Timeline_of_web_browsers&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.wikiwand.com/en/WorldWideWeb"&gt;https://www.wikiwand.com/en/WorldWideWeb&lt;/a&gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
      <category>browser</category>
    </item>
  </channel>
</rss>
