aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/javascript/index.html
blob: b5fdd9289922c601e23a9b065a43b73bcbc82ef0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
---
title: JavaScript
slug: Web/JavaScript
tags:
  - Aprender
  - JavaScript
  - 'l10n:priority'
translation_of: Web/JavaScript
---
<div>{{JsSidebar}}</div>

<p class="summary"><span class="seoSummary"><strong>JavaScript</strong> (<strong>JS</strong>) es un lenguaje de programación ligero, interpretado, o compilado <a href="https://en.wikipedia.org/wiki/Just-in-time_compilation">justo-a-tiempo</a> (just-in-time) con </span> <span class="seoSummary">{{Glossary("First-class Function", "funciones de primera clase")}}. Si bien es más conocido como un lenguaje de scripting (secuencias de comandos) para páginas web, y es usado en <a class="external external-icon" href="https://en.wikipedia.org/wiki/JavaScript#Uses_outside_Web_pages">muchos entornos fuera del navegador</a>, tal como {{Glossary("Node.js")}}, <a class="external external-icon" href="https://couchdb.apache.org/">Apache CouchDB</a> y <a class="external external-icon" href="http://www.adobe.com/devnet/acrobat/javascript.html">Adobe Acrobat</a>.</span> JavaScript es un lenguaje de {{Glossary ("Prototype-based programming", "programación basada en prototipos")}}, multiparadigma, de un solo hilo, dinámico, con soporte para programación orientada a objetos, imperativa y declarativa (por ejemplo programación funcional). Lee más en <a href="/es/docs/Web/JavaScript/About_JavaScript">acerca de JavaScript</a>.</p>

<p class="summary">Esta sección está dedicada al lenguaje JavaScript en sí, y no a las partes que son específicas de las páginas web u otros entornos host. Para información acerca de {{Glossary("API","APIs")}} específicas para páginas Web, consulta <a href="/es/docs/Web/API">APIs Web</a> y {{Glossary("DOM")}}.</p>

<p>El estándar para JavaScript es <a href="/es/docs/Web/JavaScript/Language_Resources">ECMAScript</a>. A partir del 2012, todos los <a href="https://kangax.github.io/compat-table/es5/">navegadores modernos</a> soportan completamente ECMAScript 5.1. Los navegadores viejos soportan al menos ECMAScript 3. Desde Junio 17, 2015, <a href="https://www.ecma-international.org">ECMA International</a> publico la sexta versión principal de ECMAScript, que oficialmente se llama ECMAScript 2015, y que inicialmente se denominó ECMAScript 6 o ES6. Desde entonces, los estándares ECMAScript están en ciclos de lanzamiento anuales. Esta documentación hace referencia a la última versión preliminar, que actualmente es <a href="https://tc39.github.io/ecma262/">ECMAScript 2020</a>.</p>

<p>No confundas JavaScript con el <a href="https://en.wikipedia.org/wiki/Java_(programming_language)">lenguaje de programación Java</a>. Ambos "Java" y "JavaScript"  son marcas o marcas registradas de Oracle en los Estados Unidos y otros países, Sin embargo, los dos lenguajes de programación tienen sintaxis, semántica y usos muy diferentes.</p>

<h3 id="Quieres_transformarte_en_un_desarrollador_web_front-end">Quieres transformarte en un desarrollador web front-end?</h3>

<p>Hemos reunido un curso que incluye toda la información esencial que necesitas para trabajar hacia tu objetivo.</p>

<p><a class="cta primary" href="/docs/Learn/Front-end_web_developer">Empieza aquí</a></p>

<div class="column-container">
<div class="column-half">
<h2 id="Tutoriales">Tutoriales</h2>

<p>Aprende a programar en JavaScript con guías y tutoriales.</p>

<h3 id="Para_completos_principiantes">Para completos principiantes</h3>

<p>Dirígete a nuestro tema del <a href="/es/docs/Learn/JavaScript">Area de Aprendizaje JavaScript</a> si quieres aprender JavaScript pero no tienes experiencia previa de JavaScript o programación. Los módulos completos disponibles allí son los siguientes:</p>

<dl>
 <dt><a href="/es/docs/Learn/JavaScript/First_steps">Primeros pasos en JavaScript</a></dt>
 <dd>Responde algunas preguntas fundamentales tales como "¿qué es JavaScript?", "¿cómo se ve?", y "¿qué puede hacer?", junto con la discusión de características clave de JavaScript, como variables, cadenas, números y matrices.</dd>
 <dt><a href="/es/docs/Learn/JavaScript/Building_blocks">Bloques de construcción JavaScript</a></dt>
 <dd>Continúa nuestra cobertura de las características fundamentales clave de JavaScript, dirigiendo nuestra atención a los tipos de bloques de código que se encuentran comúnmente, tales como declaraciones condicionales, bucles, funciones y eventos.</dd>
 <dt><a href="/es/docs/Learn/JavaScript/Objects">Introducción a objetos JavaScript</a></dt>
 <dd>Es importante comprender la naturaleza de la orientación a objetos en JavaScript si deseas ir más allá con tu conocimiento del lenguaje y la escritura de código más eficiente, por lo tanto, hemos proporcionado este módulo para ayudarte.</dd>
 <dt><a href="/es/docs/Learn/JavaScript/Asynchronous">JavaScript asíncrono</a></dt>
 <dd>Analiza el JavaScript asíncrono, por qué es importante y cómo se puede usar para manejar eficazmente las potenciales operaciones de bloqueo, tales como recuperar recursos de un servidor.</dd>
 <dt><a href="/es/docs/Learn/JavaScript/Client-side_web_APIs">API web del lado del cliente</a></dt>
 <dd>Explora qué son las APIs y cómo usar algunas de las APIs más comunes que encontrarás a menudo en tu trabajo de desarrollo.</dd>
</dl>

<h3 id="Guía_de_JavaScript">Guía de JavaScript</h3>

<dl>
 <dt><a href="/es/docs/Web/JavaScript/Guide">Guía de JavaScript</a></dt>
 <dd>Una guía mucho más detallada del lenguaje JavaScript, dirigida a aquellos con experiencia previa en programación, ya sea en JavaScript u otro lenguaje.</dd>
</dl>

<h3 id="Intermedio">Intermedio</h3>

<dl>
 <dt><a href="/es/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">Comprendiendo los frameworks JavaScript de lado del cliente </a></dt>
 <dd>Los frameworks de JavaScript son una parte esencial del desarrollo web front-end moderno, ya que proporcionan a los desarrolladores herramientas probadas y comprobadas para crear aplicaciones web interactivas y escalables. Este módulo te brinda algunos conocimientos básicos sobre cómo funcionan los frameworks del lado del cliente y cómo encajan en tu conjunto de herramientas, antes de pasar a la serie de tutoriales que cubren algunos de los más populares en la actualidad.</dd>
 <dt><a href="/es/docs/Web/JavaScript/A_re-introduction_to_JavaScript">Una reintroducción a JavaScript</a></dt>
 <dd>Una descripción general para aquellos que <em>piensan</em> que saben JavaScript.</dd>
</dl>

<dl>
 <dt><a href="/es/docs/Web/JavaScript/Data_structures">Estructuras de datos en JavaScript</a></dt>
 <dd>Descripción general de las estructuras de datos disponibles en JavaScript.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Equality_comparisons_and_sameness">Comparaciones de igualdad y similaridad</a></dt>
 <dd>JavaScript proporciona tres diferentes operadores de comparación de valores: igualdad estricta usando <code>===</code>, igualdad abstracta usando <code>==</code>, y el método {{jsxref("Global_Objects/Object/is", "Object.is()")}}.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Closures">Cierres (clousures)</a></dt>
 <dd>
 <p>Un cierre es la combinación de una función y un entorno léxico dentro del cual se declaró esa función.</p>
 </dd>
</dl>

<h3 id="Avanzado">Avanzado</h3>

<dl>
 <dt><a href="/es/docs/Web/JavaScript/Inheritance_and_the_prototype_chain">Herencia y la cadena de prototipos</a></dt>
 <dd>Explicación de la herencia basada en prototipos ampliamente incomprendida y subestimada.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Reference/Strict_mode">Modo estricto</a></dt>
 <dd>El modo estricto define que no puedes usar ninguna variable antes de iniciarla. Es una variable restringida de ECMAScript 5, para un rendimiento más rápido y una depuración más fácil.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Typed_arrays">Arreglos escritos en JavaScript</a></dt>
 <dd>Los arreglos escritos en JavaScript proveen un mecanismo para acceder a datos binarios sin formato.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Memory_Management">Gestión de la Memoria</a></dt>
 <dd>Ciclo de vida de la memoria y recolección de basura en JavaScript.</dd>
 <dt><a href="/es/docs/Web/JavaScript/EventLoop">Modelo de Concurrencia y Bucle de Eventos</a></dt>
 <dd>JavaScript tiene un modelo de concurrencia basado en un "bucle de eventos".</dd>
</dl>
</div>

<div class="column-half">
<h2 id="Referencia">Referencia</h2>

<p>Consulta la documentación completa de la <a href="/es/docs/Web/JavaScript/Reference">referencia de JavaScript</a>.</p>

<dl>
 <dt><a href="/es/docs/Web/JavaScript/Reference/Global_Objects">Objectos Estándar</a></dt>
 <dd>Conoce los objectos estándar integrados {{jsxref("Array")}}, {{jsxref("Boolean")}}, {{jsxref("Date")}}, {{jsxref("Error")}}, {{jsxref("Function")}}, {{jsxref("JSON")}}, {{jsxref("Math")}}, {{jsxref("Number")}}, {{jsxref("Object")}}, {{jsxref("RegExp")}}, {{jsxref("String")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, {{jsxref("WeakMap")}}, {{jsxref("WeakSet")}}, y otros.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Reference/Operators">Expresiones y operadores</a></dt>
 <dd>Aprende más sobre el comportamiento de los operadores de JavaScript {{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}, el <a href="/es/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">operador de precedencia</a>, y más.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Reference/Statements">Sentencias y declaraciones</a></dt>
 <dd>Aprende cómo funciona {{jsxref("Statements/do...while", "do-while")}}, {{jsxref("Statements/for...in", "for-in")}}, {{jsxref("Statements/for...of", "for-of")}}, {{jsxref("Statements/try...catch", "try-catch")}}, {{jsxref("Statements/let", "let")}}, {{jsxref("Statements/var", "var")}}, {{jsxref("Statements/const", "const")}}, {{jsxref("Statements/if...else", "if-else")}}, {{jsxref("Statements/switch", "switch")}}, y más declaraciones y palabras reservadas de JavaScript.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Reference/Functions">Funciones</a></dt>
 <dd>Aprende cómo trabajar con funciones de JavaScript para desarrollar tus aplicaciones.</dd>
</dl>

<h2 id="Herramientas_recursos">Herramientas &amp; recursos</h2>

<p>Herramientas útiles para escribir y depurar tu código<strong> JavaScript</strong>.</p>

<dl>
 <dt><a href="/es/docs/Tools">Herramientas para Desarrolladores de Firefox</a></dt>
 <dd><a href="/es/docs/Tools/Web_Console">Consola Web</a>, <a href="/es/docs/Tools/Profiler">Generador de Perfiles de JavaScript</a>, <a href="/es/docs/Tools/Debugger">Depurador</a>, y más.</dd>
 <dt><a href="/es/docs/Web/JavaScript/Shells">Shells J</a><a href="/es/docs/Web/JavaScript/Shells">avaScript</a></dt>
 <dd>Un shell de JavaScript te permite probar rápidamente fragmentos de código JavaScript.</dd>
 <dt><a href="https://learnjavascript.online/">Aprende JavaScript</a></dt>
 <dd>Un excelente recurso para aspirantes a desarrollador web — Aprendr JavaScript en un entorno interactivo, con lecciones cortas y pruebas interactivas, guiado por una evaluación automatizada. Las primeras 40 lecciones son gratis, y el curso completo está disponible por un pequeño pago único.</dd>
 <dt><a href="https://togetherjs.com/">TogetherJS</a></dt>
 <dd>La colaboración hecha fácil. Al agregar TogetherJS a tu sitio web, ¡tus usuarios pueden ayudarse mutuamente en un sitio web en tiempo real!</dd>
 <dt><a href="https://stackoverflow.com/questions/tagged/javascript">Stack Overflow</a></dt>
 <dd>Preguntas en Stack Overflow etiquetadas con "JavaScript".</dd>
 <dt><a href="/es/docs/Web/JavaScript/New_in_JavaScript">Versiones de JavaScript y notas de lanzamiento</a></dt>
 <dd>Explora el historial de características y el estado de implementación de JavaScript.</dd>
 <dt><a href="https://jsfiddle.net/">JSFiddle</a></dt>
 <dd>Edita JavaScript, CSS, HTML y obtén resultados en vivo. Usa recursos externos y colabora con tu equipo en línea.</dd>
 <dt><a href="https://plnkr.co/">Plunker</a></dt>
 <dd>Plunker es una comunidad en línea para crear, colaborar y compartir sus ideas de desarrollo web. Edita sus archivos JavaScript, CSS, HTML y obtén resultados en vivo y estructuras de archivos.</dd>
 <dt><a href="https://jsbin.com/">JSBin</a></dt>
 <dd>
 <p>JSBin es una herramienta de depuración de desarrollo web colaborativo de código abierto.</p>
 </dd>
 <dt><a href="https://codepen.io/">Codepen</a></dt>
 <dd>
 <p>Codepen es otra herramienta colaborativa de desarrollo web usada como un espacio para mostrar resultados en vivo.</p>
 </dd>
 <dt><a href="https://stackblitz.com/">StackBlitz</a></dt>
 <dd>
 <p>StackBlitz es otra herramienta de depuración/visualización en línea, que puede alojar e implementar aplicaciones full-stack usando React, Angular, etc.</p>
 </dd>
</dl>
</div>
</div>