{"id":382,"date":"2018-07-18T11:44:29","date_gmt":"2018-07-18T09:44:29","guid":{"rendered":"https:\/\/www.akademus.es\/blog\/?p=382"},"modified":"2018-10-19T12:29:51","modified_gmt":"2018-10-19T10:29:51","slug":"javascript-que-es","status":"publish","type":"post","link":"https:\/\/www.akademus.es\/blog\/programacion\/javascript-que-es\/","title":{"rendered":"Javascript, qu\u00e9 es y para qu\u00e9 sirve"},"content":{"rendered":"<p>Todos los que trabajamos en el sector tecnol\u00f3gico, hemos o\u00eddo alguna vez hablar de javascript, pero \u00bfqu\u00e9 es exactamente? <strong>El javascript es un lenguaje de programaci\u00f3n muy popular<\/strong>, empleado en a creaci\u00f3n de p\u00e1ginas web, y que funciona integr\u00e1ndose con el HTML.<\/p>\n<p>Pero antes de entrar en materia, hagamos un breve repaso de las <strong>familias y tipos de lenguajes de programaci\u00f3n:<\/strong><\/p>\n<h2><strong>Tipos de lenguajes de programaci\u00f3n<\/strong><\/h2>\n<p style=\"padding-left: 30px;\">Los lenguajes de programaci\u00f3n pueden dividirse en 2 grupos, lenguajes de \u2018Bajo nivel\u2019 y lenguajes de \u2018Alto nivel\u2019<\/p>\n<h3 style=\"padding-left: 30px;\"><strong>Lenguajes de bajo nivel o c\u00f3digo m\u00e1quina: <\/strong><\/h3>\n<p style=\"padding-left: 30px;\">Son los lenguajes de programaci\u00f3n directamente relacionados con la capa hardware, y s\u00f3lo sirven para el tipo de m\u00e1quina para el que se han creado. Tambi\u00e9n se les conoce como \u2018lenguajes m\u00e1quina\u2019 ya que se basan en 0 y 1 \u00a0y funciones matem\u00e1ticas simples. Dentro de esta familia, se encuentran los lenguajes ensambladores.<\/p>\n<h3 style=\"padding-left: 30px;\"><strong>Lenguajes de alto nivel:<\/strong><strong>\u00a0<\/strong><\/h3>\n<p style=\"padding-left: 30px;\">Estos tipos de lenguajes son m\u00e1s parecidos al lenguaje natural humano. Est\u00e1n basados en el uso de EDDs, o abreviaturas din\u00e1micas de datos, que se usan en todos los lenguajes de programaci\u00f3n.<\/p>\n<p style=\"padding-left: 30px;\">Este tipo de lenguaje es el que se usa a nivel programaci\u00f3n y usuario. Son independientes de la arquitectura de la m\u00e1quina, es decir, est\u00e1n m\u00e1s dirigidos a software, por lo que pueden migrarse y utilizarse entre diferentes sistemas operativos.<\/p>\n<p style=\"padding-left: 30px;\">Cada uno de estos lenguajes tiene un c\u00f3digo fuente o caracter\u00edsticas determinadas, y cumple una funci\u00f3n concreta.<\/p>\n<p style=\"padding-left: 30px;\">Algunos de los lenguajes de programaci\u00f3n de alto nivel m\u00e1s conocidos son:<\/p>\n<ul>\n<li><strong>HTML:<\/strong> (<em>HyperText Markup)<\/em>, y su lenguaje complementario <em>CSS<\/em>, que sirven para crear p\u00e1ginas web.<\/li>\n<li><strong>SQL:<\/strong> (<em>Structured Query<\/em> <em>Lenguaje)<\/em>, es el lenguaje que se utiliza para crear y gestionar bases de datos.<\/li>\n<li><strong>\u2018C\u2019:<\/strong> lenguaje especializado para la creaci\u00f3n de sistemas operativos<\/li>\n<li><strong>XML:<\/strong> lenguaje de programaci\u00f3n basado en etiquetas, es el complemento ideal para el HTML<\/li>\n<li><strong>PHP:<\/strong> lenguaje de programaci\u00f3n que se usa para crear p\u00e1ginas web, est\u00e1 basado en scripts o peque\u00f1as cadenas de \u00f3rdenes.<\/li>\n<li><strong>Java:<\/strong> lenguaje muy popular que se utiliza para herramientas, juegos y aplicaciones<\/li>\n<li><strong>Javascript:<\/strong> del que hablaremos en este art\u00edculo.<\/li>\n<\/ul>\n<p><strong>\u00a0<\/strong><strong>\u00a0<\/strong><\/p>\n<h2><strong>Conociendo Java Script<\/strong><\/h2>\n<p>Uno de los lenguajes m\u00e1s usados del mundo, <strong>su funci\u00f3n principal es animar las p\u00e1ginas w<\/strong>eb, y <strong>se aplica a los documentos HTML<\/strong>. Es decir, el javascript a\u00f1ade caracter\u00edsticas interactivas a una web, como las acciones que ocurren cuando presionas un bot\u00f3n, incluyes una animaci\u00f3n o a\u00f1ades una galer\u00eda. <strong>Su creador es <a href=\"https:\/\/es.wikipedia.org\/wiki\/Brendan_Eich\" target=\"_blank\" rel=\"nofollow\">Brendan Eich<\/a><\/strong>, cofundador del proyecto Mozilla,\u00a0Mozilla Foundation y la Corporaci\u00f3n Mozilla<\/p>\n<p>Algunas de las <strong>funciones b\u00e1sicas del lenguaje Javascript<\/strong> (y de los lenguajes de programaci\u00f3n en general) son:<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Variables:<br \/>\n<\/strong><\/span>Son contenedores en los que se almacenan los valores. Se declara con la expresi\u00f3n &#8216;var&#8217;. A las variables se les asignan valores y pueden ser de varios tipos:<\/p>\n<ul>\n<li><strong>String:<\/strong> o cadenas de texto<\/li>\n<li><strong>Number:<\/strong> o n\u00fameros<\/li>\n<li><strong>Boolean:<\/strong> tienen valores de verdadero o falso<\/li>\n<li><strong>Array:<\/strong> almacena varios valores en una sola referencia<\/li>\n<li><strong>Object:<\/strong> tipo de variable gen\u00e9rica que admite casi cualquier valor<\/li>\n<\/ul>\n<p><strong><span style=\"text-decoration: underline;\">Operadores:<\/span><br \/>\n<\/strong>S\u00edmbolos que act\u00faan sobre 2 valore o variables para producir distintos resultados. Algunos de los operadores m\u00e1s simples son:<\/p>\n<ul>\n<li><strong>Suma o concatenaci\u00f3n:<\/strong> suma o une diferentes cadenas +<\/li>\n<li><strong>Resta, multiplicaci\u00f3n o divisi\u00f3n:<\/strong> suman, restan o multiplican &#8211; * \/<\/li>\n<li><strong>Operador de asignaci\u00f3n:<\/strong> asigna un valor a una variable 0 =<\/li>\n<li><strong>Identidad\/Igualdad:<\/strong> comprueba si dos valores son iguales entre si y devuelve un valor boleano (true\/false) ===<\/li>\n<li><strong>Negaci\u00f3n<\/strong> (no igual)<\/li>\n<\/ul>\n<p><strong><span style=\"text-decoration: underline;\">Condicionales<\/span><br \/>\n<\/strong>Normalmente <strong>se representa por la estructura<\/strong> <strong><em>if\u2026..else<\/em><\/strong> y permite comprobar si una expresi\u00f3n devuelve \u2018true\u2019 o no y en funci\u00f3n de la respuesta, lanza un resultado u otro. En este tipo de expresiones, <em>if <\/em>es el criterio, que est\u00e1 siempre asociado a 2 bloques.<\/p>\n<p>Si el criterio <em>if<\/em> devuelve la respuesta \u2018true\u2019 \u00a0en respuesta se lanza el primer bloque, si la respuesta en \u2018false\u2019, se lanza el segundo bloque que va despu\u00e9s de \u2018else\u2019<\/p>\n<p><strong><span style=\"text-decoration: underline;\">Eventos<\/span><br \/>\n<\/strong>Estructuras de c\u00f3digo que lanzan respuesta frente a acciones que ocurren en el navegador, ejecutando el c\u00f3digo correspondiente.<\/p>\n<p><strong><span style=\"text-decoration: underline;\">Funciones<\/span><br \/>\n<\/strong>Sirven para nombrar una funci\u00f3n determinada y evitar el tener que reescribirla cada vez que se quiera utilizar.<\/p>\n<p><strong><span style=\"text-decoration: underline;\">Comentarios<\/span><br \/>\n<\/strong>Informaci\u00f3n que se a\u00f1ade al c\u00f3digo para comentar diferentes l\u00edneas<\/p>\n<p>&nbsp;<\/p>\n<p>Ahora que ya conoces los fundamentos del lenguaje Javascript, \u00bfte animas a seguir aprendiendo y <a href=\"https:\/\/www.akademus.es\/cursos\/desarrollo-juegos-javascript\/?cat=programacion&amp;scat=programacion\" target=\"_blank\" rel=\"noopener\">dise\u00f1ar tu propio videojuego en javascript<\/a>?<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todos los que trabajamos en el sector tecnol\u00f3gico, hemos o\u00eddo alguna vez hablar de javascript, pero \u00bfqu\u00e9 es exactamente? El javascript es un lenguaje de&hellip;<\/p>\n","protected":false},"author":8,"featured_media":389,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[26],"tags":[454,453,101],"yst_prominent_words":[286,444,436,449,442,435,451,438,446,439,440,434,254,437,443,448,445,441,452,447],"wppr_data":{"cwp_meta_box_check":"No"},"views":10962,"_links":{"self":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/382"}],"collection":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":6,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/382\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/posts\/382\/revisions\/391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/media\/389"}],"wp:attachment":[{"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/media?parent=382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/categories?post=382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/tags?post=382"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.akademus.es\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}