{"id":9212,"date":"2020-06-26T14:51:38","date_gmt":"2020-06-26T12:51:38","guid":{"rendered":"https:\/\/www.carolinacampalans.com\/?post_type=epkb_post_type_1&#038;p=9212"},"modified":"2026-03-10T20:38:24","modified_gmt":"2026-03-10T19:38:24","slug":"javascript","status":"publish","type":"epkb_post_type_1","link":"https:\/\/www.carolinacampalans.com\/?epkb_post_type_1=javascript","title":{"rendered":"JavaScript"},"content":{"rendered":"<div class=\"ttr_start\"><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p><span class=\"citation-29 citation-end-29\">Un lenguaje de programaci\u00f3n que permite crear contenido din\u00e1mico.<\/span><\/p>\n<\/div><div class=\"fusion-text fusion-text-2\">\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.5;\">Descripci\u00f3n<\/h2><\/div><div class=\"fusion-text fusion-text-3\"><p>Sin JavaScript, las p\u00e1ginas web ser\u00edan est\u00e1ticas, solo permitir\u00edan la lectura lineal. Gracias a JS, podemos tener, por ejemplo:<\/p>\n<ul>\n<li>Gr\u00e1ficos y mapas interactivos.<\/li>\n<li>Formularios que alertan de errores en los datos antes de enviarlos.<\/li>\n<li>Men\u00fas desplegables.<\/li>\n<li>Animaciones complejas.<\/li>\n<li>Actualizaciones en tiempo real (como el feed de Twitter o un chat) sin necesidad de refrescar la p\u00e1gina.<\/li>\n<\/ul>\n<\/div><div class=\"fusion-text fusion-text-4\"><p id=\"p-rc_645b0ead2b9a37c0-25\" data-path-to-node=\"7\"><span class=\"citation-23\">Originalmente se dise\u00f1\u00f3 para ejecutarse exclusivamente del lado del cliente (en un <\/span><span class=\"citation-23\">navegador, como <\/span><span class=\"citation-23 citation-end-23\">Chrome, Safari o Firefox).<\/span> H<span class=\"citation-21\">oy en d\u00eda tambi\u00e9n se usa en el <\/span><span class=\"citation-21\">servidor<\/span><span class=\"citation-21 citation-end-21\"> (gracias a tecnolog\u00edas como Node.js), lo que permite a los desarrolladores usar un solo lenguaje para todo el proyecto.<\/span><\/p>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:24;--minFontSize:24;line-height:1.5;\">Caracter\u00edsticas principales<\/h3><\/div><div class=\"fusion-text fusion-text-5\"><ul>\n<li id=\"p-rc_645b0ead2b9a37c0-27\" data-path-to-node=\"10,0,0\"><b data-path-to-node=\"10,0,0\" data-index-in-node=\"0\">Es un lenguaje interpretado<\/b>, lo que quiere decir que no necesitamos \u00abtraducir\u00bb (compilar) el c\u00f3digo antes de ejecutarlo; el navegador lo lee y lo hace funcionar al momento.<\/li>\n<li>\n<p data-path-to-node=\"10,1,0\"><b data-path-to-node=\"10,1,0\" data-index-in-node=\"0\">Es un lenguaje orientado a objetos y eventos:<\/b> el c\u00f3digo \u00abescucha\u00bb lo que hace el usuario (un clic, mover el rat\u00f3n, presionar una tecla) y reacciona a ello.<\/p>\n<\/li>\n<li>\n<p id=\"p-rc_645b0ead2b9a37c0-28\" data-path-to-node=\"10,2,0\"><b data-path-to-node=\"10,2,0\" data-index-in-node=\"0\">Conforma un ecosistema <\/b>enorme, ya que cuenta con<span class=\"citation-19\"> miles de librer\u00edas de c\u00f3digo y <em>f<\/em><\/span><em><span class=\"citation-19\">rameworks,<\/span><\/em><span class=\"citation-19 citation-end-19\"> como React, Vue o Angular, que facilitan la creaci\u00f3n de aplicaciones web interactivas.<\/span><\/p>\n<div class=\"source-inline-chip-container ng-star-inserted\"><\/div>\n<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:20px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.5;\">Ejemplos<\/h2><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:24;--minFontSize:24;line-height:1.5;\">Librer\u00edas<\/h3><\/div><div class=\"fusion-text fusion-text-6\"><p>Gracias a las librer\u00edas, en lugar de escribir cada funci\u00f3n desde cero, utilizamos c\u00f3digo preelaborado que alguien m\u00e1s ya perfeccion\u00f3 para ahorrar tiempo y evitar errores.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-7\"><h4><span class=\"ez-toc-section\" id=\"Frontend_para_interfaces_de_usuario\"><\/span>Frontend (para interfaces de usuario)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div><div class=\"accordian fusion-accordian\" style=\"--awb-border-size:1px;--awb-icon-size:15px;--awb-content-font-size:20px;--awb-icon-alignment:left;--awb-hover-color:#f9f9f9;--awb-border-color:#cccccc;--awb-background-color:#ffffff;--awb-divider-color:#000000;--awb-divider-hover-color:#000000;--awb-icon-color:#ffffff;--awb-title-color:#af7baf;--awb-content-color:#747474;--awb-icon-box-color:#333333;--awb-toggle-hover-accent-color:#9b00af;--awb-title-font-family:&quot;Roboto Condensed&quot;;--awb-title-font-weight:regular;--awb-title-font-style:normal;--awb-title-font-size:20px;--awb-content-font-family:&quot;Open Sans&quot;;--awb-content-font-style:normal;--awb-content-font-weight:400;\"><div class=\"panel-group fusion-toggle-icon-boxed\" id=\"accordion-9212-1\"><div class=\"fusion-panel panel-default panel-b4abb554cd16290ca fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_b4abb554cd16290ca\"><a aria-expanded=\"false\" aria-controls=\"b4abb554cd16290ca\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-9212-1\" data-target=\"#b4abb554cd16290ca\" href=\"#b4abb554cd16290ca\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">D3.js<\/span><\/a><\/h4><\/div><div id=\"b4abb554cd16290ca\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_b4abb554cd16290ca\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>Es la apropiada si necesitamos mostrar datos complejos. Permite crear gr\u00e1ficos y visualizaciones interactivas que reaccionan al movimiento del rat\u00f3n.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-31d62847660071290 fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_31d62847660071290\"><a aria-expanded=\"false\" aria-controls=\"31d62847660071290\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-9212-1\" data-target=\"#31d62847660071290\" href=\"#31d62847660071290\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">jQuery<\/span><\/a><\/h4><\/div><div id=\"31d62847660071290\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_31d62847660071290\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p data-path-to-node=\"5,1,0\">Aunque en la actualidad se tiende a usar menos, sigue consider\u00e1ndose un cl\u00e1sico, que por a\u00f1os ha simplificado enormemente el desarrollo web al permitir manipular el HTML y crear animaciones con frases muy cortas de c\u00f3digo.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-6e34f66f5cf2009ea fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_6e34f66f5cf2009ea\"><a aria-expanded=\"false\" aria-controls=\"6e34f66f5cf2009ea\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-9212-1\" data-target=\"#6e34f66f5cf2009ea\" href=\"#6e34f66f5cf2009ea\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">React<\/span><\/a><\/h4><\/div><div id=\"6e34f66f5cf2009ea\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_6e34f66f5cf2009ea\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p data-path-to-node=\"5,0,0\">Desarrollada por Meta, actualmente es la m\u00e1s popular. Se basa en \u00abcomponentes\u00bb reutilizables.<\/p>\n<p data-path-to-node=\"5,0,0\"><strong>Ejemplo<\/strong><\/p>\n<p data-path-to-node=\"5,0,0\">Podemos dise\u00f1ar un bot\u00f3n y usarlo en diversas p\u00e1ginas de un sitio web con diferentes colores o funciones.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-8\"><h4><span class=\"ez-toc-section\" id=\"Backend_lado_del_servidor\"><\/span>Backend (lado del servidor)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div><div class=\"accordian fusion-accordian\" style=\"--awb-border-size:1px;--awb-icon-size:15px;--awb-content-font-size:20px;--awb-icon-alignment:left;--awb-hover-color:#f9f9f9;--awb-border-color:#cccccc;--awb-background-color:#ffffff;--awb-divider-color:#000000;--awb-divider-hover-color:#000000;--awb-icon-color:#ffffff;--awb-title-color:#af7baf;--awb-content-color:#747474;--awb-icon-box-color:#333333;--awb-toggle-hover-accent-color:#9b00af;--awb-title-font-family:&quot;Roboto Condensed&quot;;--awb-title-font-weight:regular;--awb-title-font-style:normal;--awb-title-font-size:20px;--awb-content-font-family:&quot;Open Sans&quot;;--awb-content-font-style:normal;--awb-content-font-weight:400;\"><div class=\"panel-group fusion-toggle-icon-boxed\" id=\"accordion-9212-2\"><div class=\"fusion-panel panel-default panel-089bc943e07aa543b fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_089bc943e07aa543b\"><a aria-expanded=\"false\" aria-controls=\"089bc943e07aa543b\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-9212-2\" data-target=\"#089bc943e07aa543b\" href=\"#089bc943e07aa543b\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Express.js<\/span><\/a><\/h4><\/div><div id=\"089bc943e07aa543b\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_089bc943e07aa543b\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p data-path-to-node=\"10,0,0\">\u00a0Es la librer\u00eda est\u00e1ndar para Node.js. Se usa para construir el \u00abesqueleto\u00bb de aplicaciones web y APIs (las conexiones que permiten que una app de m\u00f3vil hable con una base de datos).<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-6ab63c6eb8fd04eea fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_6ab63c6eb8fd04eea\"><a aria-expanded=\"false\" aria-controls=\"6ab63c6eb8fd04eea\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-9212-2\" data-target=\"#6ab63c6eb8fd04eea\" href=\"#6ab63c6eb8fd04eea\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Socket.io<\/span><\/a><\/h4><\/div><div id=\"6ab63c6eb8fd04eea\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_6ab63c6eb8fd04eea\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>Fundamental si queremos crear algo en tiempo real, como un chat o un juego multijugador, donde la informaci\u00f3n debe viajar instant\u00e1neamente entre usuarios.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-9\"><h4><span class=\"ez-toc-section\" id=\"Para_utilidades_y_animaciones\"><\/span>Para utilidades y animaciones<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div><div class=\"accordian fusion-accordian\" style=\"--awb-border-size:1px;--awb-icon-size:15px;--awb-content-font-size:20px;--awb-icon-alignment:left;--awb-hover-color:#f9f9f9;--awb-border-color:#cccccc;--awb-background-color:#ffffff;--awb-divider-color:#000000;--awb-divider-hover-color:#000000;--awb-icon-color:#ffffff;--awb-title-color:#af7baf;--awb-content-color:#747474;--awb-icon-box-color:#333333;--awb-toggle-hover-accent-color:#9b00af;--awb-title-font-family:&quot;Roboto Condensed&quot;;--awb-title-font-weight:regular;--awb-title-font-style:normal;--awb-title-font-size:20px;--awb-content-font-family:&quot;Open Sans&quot;;--awb-content-font-style:normal;--awb-content-font-weight:400;\"><div class=\"panel-group fusion-toggle-icon-boxed\" id=\"accordion-9212-3\"><div class=\"fusion-panel panel-default panel-1f4233342bd25e1c8 fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_1f4233342bd25e1c8\"><a aria-expanded=\"false\" aria-controls=\"1f4233342bd25e1c8\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-9212-3\" data-target=\"#1f4233342bd25e1c8\" href=\"#1f4233342bd25e1c8\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Axios<\/span><\/a><\/h4><\/div><div id=\"1f4233342bd25e1c8\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_1f4233342bd25e1c8\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p>Especializada en hacer peticiones a otros sitios web o servidores para traer informaci\u00f3n (por ejemplo, consultar el clima desde una base de datos externa).<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-192a5575a777f419c fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_192a5575a777f419c\"><a aria-expanded=\"false\" aria-controls=\"192a5575a777f419c\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-9212-3\" data-target=\"#192a5575a777f419c\" href=\"#192a5575a777f419c\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Lodash<\/span><\/a><\/h4><\/div><div id=\"192a5575a777f419c\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_192a5575a777f419c\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p data-path-to-node=\"13,0,0\">A\u00f1ade funciones matem\u00e1ticas y de manejo de datos que JavaScript no trae de forma nativa, haciendo el c\u00f3digo m\u00e1s limpio.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-panel panel-default panel-a75123fe20fe0aa09 fusion-toggle-has-divider\" style=\"--awb-title-color:#af7baf;\"><div class=\"panel-heading\"><h4 class=\"panel-title toggle\" id=\"toggle_a75123fe20fe0aa09\"><a aria-expanded=\"false\" aria-controls=\"a75123fe20fe0aa09\" role=\"button\" data-toggle=\"collapse\" data-parent=\"#accordion-9212-3\" data-target=\"#a75123fe20fe0aa09\" href=\"#a75123fe20fe0aa09\"><span class=\"fusion-toggle-icon-wrapper\" aria-hidden=\"true\"><i class=\"fa-fusion-box active-icon awb-icon-minus\" aria-hidden=\"true\"><\/i><i class=\"fa-fusion-box inactive-icon awb-icon-plus\" aria-hidden=\"true\"><\/i><\/span><span class=\"fusion-toggle-heading\">Three.js<\/span><\/a><\/h4><\/div><div id=\"a75123fe20fe0aa09\" class=\"panel-collapse collapse \" aria-labelledby=\"toggle_a75123fe20fe0aa09\"><div class=\"panel-body toggle-content fusion-clearfix\">\n<p data-path-to-node=\"13,1,0\">Es la librer\u00eda estrella para crear gr\u00e1ficos 3D directamente en el navegador. Se usa mucho en sitios web experimentales y videojuegos sencillos.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:20px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-5 fusion-sep-none fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:36;line-height:1.5;\">Recursos en l\u00ednea<\/h2><\/div><div class=\"fusion-content-boxes content-boxes columns row fusion-columns-1 fusion-columns-total-2 fusion-content-boxes-1 content-boxes-icon-with-title content-left\" style=\"--awb-hover-accent-color:#000000;--awb-circle-hover-accent-color:transparent;--awb-item-margin-bottom:40px;\" data-animationOffset=\"top-into-view\"><div style=\"--awb-backgroundcolor:#ffffff;\" class=\"fusion-column content-box-column content-box-column content-box-column-1 col-lg-12 col-md-12 col-sm-12 fusion-content-box-hover content-box-column-last-in-row\"><div class=\"col content-box-wrapper content-wrapper-background link-area-link-icon link-type-button-bar icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><a class=\"heading-link\" style=\"float:left;\" href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener noreferrer\"><div class=\"icon\"><i style=\"background-color:transparent;border-color:transparent;height:auto;width: 21px;line-height:normal;font-size:21px;\" aria-hidden=\"true\" class=\"fontawesome-icon fa-chalkboard fas circle-no\"><\/i><\/div><h4 class=\"content-box-heading fusion-responsive-typography-calculated\" style=\"--h4_typography-font-size:20px;--fontSize:20;line-height:1.5;\">Gu\u00eda JavaScript<\/h4><\/a><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"content-container\">\n<p>Descripci\u00f3n del lenguaje y tutoriales.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><a class=\" fusion-read-more fusion-button-bar\" style=\"float:left;\" href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/JavaScript\" target=\"_blank\" rel=\"noopener noreferrer\">Developer.Mozilla.org<\/a><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div style=\"--awb-backgroundcolor:#ffffff;\" class=\"fusion-column content-box-column content-box-column content-box-column-2 col-lg-12 col-md-12 col-sm-12 fusion-content-box-hover content-box-column-last content-box-column-last-in-row\"><div class=\"col content-box-wrapper content-wrapper-background link-area-link-icon link-type-button-bar icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><a class=\"heading-link\" style=\"float:left;\" href=\"https:\/\/www.w3schools.com\/js\/default.asp\" target=\"_blank\" rel=\"noopener noreferrer\"><div class=\"icon\"><i style=\"background-color:transparent;border-color:transparent;height:auto;width: 21px;line-height:normal;font-size:21px;\" aria-hidden=\"true\" class=\"fontawesome-icon fa-chalkboard fas circle-no\"><\/i><\/div><h4 class=\"content-box-heading fusion-responsive-typography-calculated\" style=\"--h4_typography-font-size:20px;--fontSize:20;line-height:1.5;\">JavaScript Tutorial<\/h4><\/a><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"content-container\">\n<p>Curso online.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><a class=\" fusion-read-more fusion-button-bar\" style=\"float:left;\" href=\"https:\/\/www.w3schools.com\/js\/default.asp\" target=\"_blank\" rel=\"noopener noreferrer\">W3Schools.com<\/a><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:60px;width:100%;\"><div class=\"fusion-separator-border sep-single sep-dotted\" style=\"--awb-height:20px;--awb-amount:20px;border-color:#000000;border-top-width:1px;\"><\/div><\/div><\/div><\/div><\/div><\/div>\n<div class=\"ttr_end\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Librer\u00eda JavaScript.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"epkb_post_type_1_category":[6480],"epkb_post_type_1_tag":[5175,5119,5116,1400],"class_list":["post-9212","epkb_post_type_1","type-epkb_post_type_1","status-publish","hentry","epkb_post_type_1_category-desarrollo-web-apps","epkb_post_type_1_tag-desarrollo-web","epkb_post_type_1_tag-interfaces-interactivas","epkb_post_type_1_tag-javascript","epkb_post_type_1_tag-programacion"],"_links":{"self":[{"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/9212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9212"}],"version-history":[{"count":33,"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/9212\/revisions"}],"predecessor-version":[{"id":55794,"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=\/wp\/v2\/epkb_post_type_1\/9212\/revisions\/55794"}],"wp:attachment":[{"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9212"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=%2Fwp%2Fv2%2Fepkb_post_type_1_category&post=9212"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/www.carolinacampalans.com\/index.php?rest_route=%2Fwp%2Fv2%2Fepkb_post_type_1_tag&post=9212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}