Saltar la navegación

¿Dónde programamos con Javascript?

Entorno de desarrollo

Si bien se puede programar en cualquier editor de texto, existen programas específicos para escribir código, estos programas se conocen como IDEs, su nombre en español es entorno integrado de desarrollo. Básicamente son editores de texto diseñados para escribir código fuente en determinado lenguaje, existen muchos, algunos específicos para un solo lenguaje, otros configurables para distintos lenguajes de programación.

En este curso utilizaremos Netbeans, es un entorno amigable, configurable y dispone de muchas ayudas que hacen más simple iniciar a programar.

Icono de Netbeans
Apache.    
Logo Netbeans




Lectura facilitada

Se puede escribir en un editor de texto simple.

En el curso se propone un entorno integrado de desarrollo llamado Netbeans.

Este programa permite crear programas en Javascript al tiempo que nos brinda ayudas en la escritura.

Apoyo visual

Entorno de desarrollo Netbeans
Santiago Hernández. Entorno de desarrollo Netbeans

Página web

Como se mencionó, el código Javascript será ejecutado por el navegador, en este sentido la estructura sobre la que se monta es la de una página web, o sea un documento html. Se puede realizar una personalización de la plantilla html sobre la que se ejecuta el programa, en estos primeros pasos solo nos concentraremos en los contenidos de Javascript, pero si lo deseas puedes investigar sobre el tema.

La estructura es la siguiente: 

<!DOCTYPE html>

<html>
    <head>
        <title> Acá va el título </title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>
            <script>
            
         Acá va el código en Javascript


           </script>
        </div>
    </body>
</html>

La estructura puede variar levemente, pero si copias este fragmento de texto en un bloc de notas cualquiera y guardas el archivo con el nombre index.html, al hacer doble clic sobre él, el navegador abre una pestaña con el título que hayas colocado en la etiqueta <title>. La página estará en blanco ya que no tendrá contenido. El contenido que trabajaremos será Javascript, pero cabe resaltar que los contenidos de las páginas web se definen bajo etiquetas html.

Creado con eXeLearning (Ventana nueva)