<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Codigo on Fernando Ruiz</title><link>https://www.fernandoux.com/tags/codigo/</link><description>Recent content in Codigo on Fernando Ruiz</description><generator>Hugo</generator><language>en-us</language><atom:link href="https://www.fernandoux.com/tags/codigo/index.xml" rel="self" type="application/rss+xml"/><item><title>Leer código sin saber programar: lo mínimo para revisar lo que hace la IA</title><link>https://www.fernandoux.com/es/wiki/ia/leer-codigo-sin-saber-programar/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/es/wiki/ia/leer-codigo-sin-saber-programar/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Definición Rápida&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 &lt;strong&gt;Leer código sin saber programar&lt;/strong&gt; es entender la estructura de lo que la IA generó: qué partes forman la página, qué hace cada acción y qué datos toca. Permite revisar un cambio con criterio aunque no escribas una línea.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="qué-tienes-que-entender-como-mínimo"&gt;¿Qué tienes que entender como mínimo?&lt;/h2&gt;
&lt;p&gt;Una página web tiene tres capas, y cada una responde una pregunta distinta:&lt;/p&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;Capa&lt;/th&gt;
 &lt;th&gt;Pregunta que responde&lt;/th&gt;
 &lt;th&gt;Cómo se reconoce&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;HTML&lt;/td&gt;
 &lt;td&gt;¿Qué hay en la página?&lt;/td&gt;
 &lt;td&gt;Etiquetas entre paréntesis angulares: &lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;CSS&lt;/td&gt;
 &lt;td&gt;¿Cómo se ve?&lt;/td&gt;
 &lt;td&gt;Reglas de color, tamaño y espacio, por ejemplo &lt;code&gt;color: red;&lt;/code&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;JavaScript&lt;/td&gt;
 &lt;td&gt;¿Qué pasa cuando alguien hace algo?&lt;/td&gt;
 &lt;td&gt;Funciones, eventos como &lt;code&gt;click&lt;/code&gt; y valores que cambian&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Las etiquetas HTML tienen apertura, contenido y cierre, como &lt;code&gt;&amp;lt;p&amp;gt;texto&amp;lt;/p&amp;gt;&lt;/code&gt;. Algunas no tienen contenido ni cierre, como &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt;; MDN las llama elementos vacíos. Los atributos son ajustes de la etiqueta, por ejemplo &lt;code&gt;alt&lt;/code&gt;, que describe una imagen para un lector de pantalla. Las etiquetas se anidan: &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt; y &lt;code&gt;&amp;lt;body&amp;gt;&lt;/code&gt; van dentro de &lt;code&gt;&amp;lt;html&amp;gt;&lt;/code&gt;, y &lt;code&gt;&amp;lt;title&amp;gt;&lt;/code&gt; dentro de &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt;. El navegador muestra lo que está en &lt;code&gt;&amp;lt;body&amp;gt;&lt;/code&gt; y el título en la pestaña (&lt;a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics"&gt;MDN, HTML basics&lt;/a&gt;).&lt;/p&gt;</description></item></channel></rss>