{"id":5955,"date":"2018-09-18T16:55:05","date_gmt":"2018-09-18T19:55:05","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/?p=5955"},"modified":"2018-09-18T17:17:09","modified_gmt":"2018-09-18T20:17:09","slug":"el-heroe-secreto","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/el-heroe-secreto\/","title":{"rendered":"El H\u00e9roe Secreto"},"content":{"rendered":"<p class=\"p1\">Hablemos de la tipograf\u00eda en la tecnolog\u00eda, no exactamente la que acostumbramos a ver en las pantallas web que visitamos, ni la de los video juegos que son tan llamativas, y no, tampoco la que solemos ver en las aplicaciones que usamos en los celulares; hablamos de la que est\u00e1 presente y nadie ve, hasta algunos ni saben que existe, se trata nada m\u00e1s y nada menos que la tipograf\u00eda en el lenguaje de programaci\u00f3n, \u201c<em>la mente maestr<\/em>a\u201d o mejor \u201c<em>El h\u00e9roe secreto<\/em>\u201d, s\u00ed&#8230; h\u00e9roe, hasta se podr\u00eda decir que sin \u00e9l, el mundo ser\u00eda muy distinto al que es hoy en d\u00eda; entonces, antes que nada la pregunta principal: \u00bfQu\u00e9 es la programaci\u00f3n?, pues te explico, la programaci\u00f3n es el proceso que se utiliza para idear y ordenar las acciones que se realizar\u00e1n en el marco de un proyecto, la preparaci\u00f3n de m\u00e1quinas que cumplan con cierta tarea y la elaboraci\u00f3n de programas para la resoluci\u00f3n de problemas mediante ordenadores; b\u00e1sicamente es todo lo que hay detr\u00e1s de lo que usamos regularmente, hablando en \u00e1mbitos tecnol\u00f3gicos (y realistas, seamos sinceros, sin la tecnolog\u00eda tus d\u00edas ser\u00edan m\u00e1s aburridos).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"5963\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/el-heroe-secreto\/tipoblog-01\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-01.png\" data-orig-size=\"3508,1001\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tipoblog-01\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-01-1024x292.png\" class=\"size-medium wp-image-5963 aligncenter\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-01-300x86.png\" alt=\"\" width=\"300\" height=\"86\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-01-300x86.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-01-768x219.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-01-1024x292.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p class=\"p1\">Ahora bien, lo que todos se est\u00e1n preguntando: \u00bfPor qu\u00e9 la tipograf\u00eda se convirti\u00f3 en la base de la programaci\u00f3n?, principalmente como cualquier idioma, la programaci\u00f3n es un lenguaje, conformado por caracteres divididos en letras, n\u00fameros y s\u00edmbolos, intentando ser lo m\u00e1s inclusivo posible y de esta manera poder ser interpretado a nivel mundial, (lo m\u00e1s inclusivo posible dije&#8230; que lo haya logrado o no es tema aparte), \u00bfPor qu\u00e9 digo todo esto? pues b\u00e1sicamente porque se escribe en<span class=\"Apple-converted-space\">\u00a0 <\/span>un idioma, s\u00ed&#8230; ese mismo que est\u00e1s pensando, el \u201c<em>idioma universal<\/em>\u201d, es de esta manera ya que la programaci\u00f3n se rige por reglas, por un conjunto m\u00e1s o menos reducido de \u00f3rdenes, expresiones, instrucciones y comandos que tienden a asemejarse a una lengua natural acotada !En ingl\u00e9s!, digo que es inclusivo no porque se entienda en todos los idiomas, sino porque se utiliza un solo lenguaje para todo el mundo, es como algo que tienen todos los programadores en com\u00fan *gui\u00f1o* y efectivamente muchos de los lenguajes de programaci\u00f3n m\u00e1s populares han sido creados por personas que hablan esa lengua precisamente para llegar a mucha m\u00e1s gente; todo esto tom\u00f3 sentido para m\u00ed luego de que me contestaron la siguiente duda que me surgi\u00f3, yo me preguntaba si pod\u00eda programar en espa\u00f1ol, luego de recibir algunas risas de respuesta (que me hicieron entender al instante que la respuesta era OBVIAMENTE NO), me contestaron mas seriamente y con un poco m\u00e1s de empat\u00eda: \u2013 \u201c<em>No pod\u00e9s ser torero, al menos uno bueno, si no sabes espa\u00f1ol. Ahora que meterte al ruedo y hacerte cornear por alg\u00fan toro desprevenido, pod\u00e9s. Pero para ser torero, cr\u00e9eme, debes hablar espa\u00f1ol. Lo mismo pasa con la programaci\u00f3n, sin saber ingl\u00e9s pod\u00e9s hacer una que otra chapuza, pero para programar a un alto nivel, debes saber ingl\u00e9s<\/em>\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"5964\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/el-heroe-secreto\/tipoblog-02\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-02.png\" data-orig-size=\"3508,1001\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tipoblog-02\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-02-1024x292.png\" class=\"size-medium wp-image-5964 aligncenter\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-02-300x86.png\" alt=\"\" width=\"300\" height=\"86\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-02-300x86.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-02-768x219.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-02-1024x292.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p class=\"p1\">La referencia me dej\u00f3 todo claro y espero hab\u00e9rtelo dejado a vos tambi\u00e9n, no mereces una risa en la cara como la que recib\u00ed yo. Por otro lado pero ligado directamente con el lenguaje de programaci\u00f3n, es nada m\u00e1s y nada menos que: las tipograf\u00edas que se emplean para la escritura de los algoritmos y las estructuras de datos. Esas que pueden parecerle aburrida a algunos (a casi todos *cry*), pero bueno, dej\u00e1ndo de lado mis prejuicios, te digo que le tengas un poco de cari\u00f1o, son as\u00ed por una raz\u00f3n, deben que cumplir con una serie de caracter\u00edsticas especiales: todos los caracteres deben tener el mismo tama\u00f1o (monoespacio) esto depende de gustos pero es preferible que sea as\u00ed, deben ser agradables a la vista y f\u00e1ciles de leer, debe ser sencillo distinguir entre caracteres parecidos (como la letra \u2018l\u2019, el n\u00famero \u20181\u2019 y la letra \u2018i\u2019), idealmente deber\u00eda ser OpenType (formato vectorial de fuentes tipogr\u00e1ficas) o en caso contrario, al menos no Bitmap o mapa de bits (es decir una matriz de bits que especifica el color de cada p\u00edxel de una matriz rectangular de p\u00edxeles), para que su aspecto no se viera mermado al utilizar tama\u00f1os distintos a los proporcionados por defecto. Las fuentes m\u00e1s comunes son: \u201c<em>Courier<\/em>\u201d la fuente m\u00e1s utilizada para la programaci\u00f3n, seguida por \u201c<em>Lucida Console<\/em>\u201d, que por sorpresa tienen una diferencia muy notable que las hace primas y no hermanas, \u00a1una tiene serif y la otra no!, esto me desconcert\u00f3 un poco, con lo perfecto y calculado que es la programaci\u00f3n, aparece este tipo de ambig\u00fcedad, admitamos que ambas funcionan, pero igual \u00bfD\u00f3nde quedaron tus leyes rey de la tecnolog\u00eda?; luego del shock, me puse a analizar con ojos de dise\u00f1adora gr\u00e1fica e intentar descubrir el por qu\u00e9 de esto, que pens\u00e1ndolo bien no es tan grave, y llegu\u00e9 a la conclusi\u00f3n de que ambas funcionan no tanto por sus remates o por sus grosores, sino por su forma estructural, ambas son de trazo uniforme, con contraformas grandes y como dicho anteriormente ambas son fuentes de letras monoespaciadas, esto no fue un invento de la programaci\u00f3n como tal (En tu cara Don perfecto), est\u00e1n mas bien inspiradas en las formas de las letras que se usaban a mediados del siglo XX en las m\u00e1quinas de escribir, donde se demuestra que algunos recursos que son ahora principales de la era tecnol\u00f3gica no nacieron espec\u00edficamente con ese prop\u00f3sito, sino que muestran una evoluci\u00f3n y adaptaci\u00f3n a lo ya antes estudiado, en este caso la facilidad que tienen las fuentes Courtier y Lucida Console para ser le\u00edas en un tama\u00f1o peque\u00f1o y en gran cantidad, recordando que los archivos de programaci\u00f3n son extensos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"5965\" data-permalink=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/el-heroe-secreto\/tipoblog-03\/\" data-orig-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-03.png\" data-orig-size=\"3508,1001\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"tipoblog-03\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-03-1024x292.png\" class=\"size-medium wp-image-5965 aligncenter\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-03-300x86.png\" alt=\"\" width=\"300\" height=\"86\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-03-300x86.png 300w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-03-768x219.png 768w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/tipoblog-03-1024x292.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p class=\"p1\">Hasta aqu\u00ed llega el recorrido de la tipograf\u00eda detr\u00e1s de las pantallas, cuestiones que ignoramos no porque no nos interese (quiero pensar), sino porque nadie nos cuenta que hay peque\u00f1os h\u00e9roes secretos disfrazados de caracteres trabajando para facilitarnos nuestra experiencia en plataformas virtuales tales como: aplicaciones de celulares, P\u00e1ginas web, video juegos, etc. Es decir, en casi todo lo que ocupamos en nuestro tiempo de ocio (o no ocio *gui\u00f1o-gui\u00f1o*).<\/p>\n<p class=\"p1\"><strong>!Gracias H\u00e9roe Secreto ya no tan secreto!<\/strong><\/p>\n<p class=\"p1\"><em>Fuentes:<\/em><\/p>\n<p class=\"p1\"><em><span class=\"Apple-converted-space\">\u00a0 \u00a0 \u00a0 <\/span>https:\/\/definicion.de\/programacion\/<\/em><\/p>\n<p class=\"p1\"><em><span class=\"Apple-converted-space\">\u00a0 \u00a0 \u00a0 <\/span>http:\/\/www.glosariografico.com\/opentype<\/em><\/p>\n<p class=\"p1\"><em><span class=\"Apple-converted-space\">\u00a0 \u00a0 \u00a0 <\/span>http:\/\/proyectoidis.org\/mapa-de-bits\/<\/em><\/p>\n<p class=\"p1\"><em><span class=\"Apple-converted-space\">\u00a0 \u00a0 \u00a0 <\/span>http:\/\/mundogeek.net\/archivos\/2006\/11\/18\/fuentes-para-programacion\/<\/em><\/p>\n<p><!--more--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cPeque\u00f1os H\u00e9roes secretos disfrazados de caracteres que simulan ser tipograf\u00edas detr\u00e1s de nuestras plataformas virtuales hablando en un lenguaje complejo llamado programaci\u00f3n\u201d<\/p>\n","protected":false},"author":160,"featured_media":5974,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"El H\u00e9roe Secreto  #\u200eTipoblog #Tipograf&iacute;a2 #C&aacute;tedraCosgaya #\u200eFADU #\u200eUBA","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[25],"tags":[205,206,147],"class_list":["post-5955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia","tag-idioma","tag-programacion","tag-tecnologia"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-content\/uploads\/2018\/09\/Captura-de-pantalla-2018-09-18-a-las-05.14.16-p.-m..png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9TJog-1y3","_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/5955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/users\/160"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/comments?post=5955"}],"version-history":[{"count":3,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/5955\/revisions"}],"predecessor-version":[{"id":5973,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/posts\/5955\/revisions\/5973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media\/5974"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/media?parent=5955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/categories?post=5955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2018\/wp-json\/wp\/v2\/tags?post=5955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}