¿Qué es JavaScript?
JavaScript (a veces abreviado como “JS”) fue creado en 1995, como un lenguaje de programación para navegadores de internet. JavaScript se adoptó muy rápidamente y, a estas alturas de 2016, se ha convertido, por mucho, en el lenguaje de programación #1 del mundo para navegadores.
Lo primero es lo primero. ¿Qué es un navegador?
Los navegadores de Internet, a menudo denominados simplemente "navegadores", incluyen programas como Google Chrome, Internet Explorer, Firefox y Safari. Si estás leyendo esto en Internet ahora mismo, estás usando un navegador. Es el programa que te está mostrando esta página web. Lo más probable es que se vea como una ventana grande en su pantalla, tal vez con algunas pestañas en la parte superior que le muestran qué páginas web tiene abiertas en este momento.
Codificación para el navegador
Hay tres lenguajes de codificación principales para navegadores: HTML, CSS y JavaScript.
HTML se encarga de la estructura de la página web. código HTML como <h1>este es un encabezado</h1>
y <p>este es un párrafo</p>
decirle al navegador que muestre cosas como encabezados, párrafos, imágenes, tablas, secciones, etc.
CSS se encarga de la estilo de la página web. código CSS como cuerpo { color de fondo: negro; }
y h1 { color: azul; }
le dice al navegador cómo debe verse cada elemento HTML. Con CSS, puedes controlar cosas como el color, el tamaño, la posición, la opacidad, etc.
JavaScript se encarga de la comportamiento de la página web. Código JS como puede crear un comportamiento dinámico para su página web. En este ejemplo, hemos creado un elemento de botón con el código HTML
, y usé un poco de JavaScript —
onclick="this.innerHTML=Fecha()"
— para decirle al navegador qué hacer cuando se hace clic en el botón. En este caso, mostrará la fecha dentro del elemento del botón. ¡Intente copiar/pegar ese código en un archivo HTML para probarlo usted mismo!
Si bien esta es una aplicación muy simple (y no muy útil), JS se puede usar para crear casi todo lo que ve en la web, desde tiendas en línea hasta aplicaciones web gigantes utilizadas por millones de personas, y pequeñas animaciones para su blog. página principal.
Requisitos previos para aprender JavaScript
Si aún no ha tenido una introducción básica a HTML y CSS, probablemente debería revisarlos primero. Para poder usar JavaScript en primer lugar, necesitará algunas habilidades básicas de codificación, como crear archivos de código con un editor de texto (que puede aprender en nuestro Tutorial de átomo), y estructurando una página web básica (que puedes aprender en nuestro “¿Qué es HTML?" tutorial). Técnicamente, puede comenzar a aprender JS antes de aprender CSS si realmente lo desea, pero es muy útil para aprende un poco de css antes de empezar a jugar con JS.
Un ejemplo simple para comenzar
JavaScript es un lenguaje de programación complejo y hay miles de libros escritos sobre el tema. La próxima semana, comenzaremos a aprender algunos de los conceptos básicos. Por ahora, comencemos con un ejemplo muy simple para que pueda comenzar.
Cree un nuevo documento HTML (como aprendió a hacerlo en el Átomo y HTML tutoriales), y copie/pegue el siguiente código en él:
Para un desafío divertido, vea si puede averiguar qué cree que hará este código, antes de hacer doble clic en el archivo HTML para abrirlo en el navegador.
Y no olvide unirse a nosotros la próxima semana, para crea tus primeros archivos JavaScript y comienza a construir un videojuego JavaScript!