Contenido


Cómo iniciar con el lenguaje JavaScript, Parte 1

Aspectos básicos

Comments

Contenido de la serie:

Este contenido es la parte # de 7 de la serie: Cómo iniciar con el lenguaje JavaScript, Parte 1

Manténgase en contacto por contenidos adicionales de esta serie.

Este contenido es parte de la serie:Cómo iniciar con el lenguaje JavaScript, Parte 1

Manténgase en contacto por contenidos adicionales de esta serie.

Código interactivo: Cuando vea Ejecutar en la parte superior de una muestra de código, podrá ejecutar el código, verificar los resultados, realizar cambios y volver a ejecutarlo.

Nota editorial: Esta serie actualizó con capacidades de código interactivo. Cuando vea Ejecutar en un listado de código, significa que puede ejecutar el código, verificar los resultados, hacer modificaciones y volverlo a ejecutar.

Así que, desea aprender JavaScript. Vino al lugar adecuado. Esta serie de tutoriales interactivos está llena de información que le ayudará a aumentar sus habilidades desde un conocimiento para trabajar con HTML, hasta entender JavaScript. Para completar toda la serie de 7 partes necesitará aproximadamente 2 horas, pero tenga la libertad de saltar las partes y practicar aquellas que más le interesen.

En cada una de las secciones hay ejercicios y preguntas para que pueda practicar a medida que aprende. La mejor parte es que no tiene que hacer ninguna configuración. Interactuará directamente en esta página web. Ni siquiera tiene que preocuparse por abrir otra pestaña o ventana; puede hacer todo aquí mismo, en espacios limitados como el siguiente.

¡Es su turno! Intente cambiar el código

Try icon Hola Mundo siempre es un buen punto de partida. Haga clic en Ejecutar para ver cómo la función console.log escribe los datos en esta página. Puede cambiar las palabras, cambiar el código, luego hacer clic Ejecutar y ver lo que ocurre.

Mostrar resultados

El lenguaje en JavaScript se volvió cada vez más popular y es posiblemente uno de los lenguajes más destacados de Internet. Se puede ver en diferentes plataformas y navegadores, y no discriminar entre lenguajes de back-end. Hay muchas bibliotecas diferentes—algunas son geniales —para ayudar con el desarrollo, acelerando el tiempo de desarrollo, etc. El problema es que a veces esas bibliotecas están tan alejadas del lenguaje original que los desarrolladores principiantes no entienden los aspectos básicos del lenguaje. Este artículo explica los aspectos básicos del lenguaje abarcando conceptos básicos de JavaScript para proporcionar a los principiantes un conocimiento básico del lenguaje. A lo largo de la serie se proporcionan ejemplos de código para mostrar cómo se hace todo.

Entender el lenguaje JavaScript

El lenguaje JavaScript es un lenguaje de creación de scripts, gratuito y del lado del cliente que permite incluir interactividad a páginas Hypertext Markup Language (HTML). Del lado del cliente significa que el lenguaje JavaScript se ejecuta en el navegador y que no se utiliza del lado del servidor. Los scripts del lado del cliente permiten la interactividad del usuario con una página web después de que esta es entregada por el servidor y cargada por el navegador. Google Maps, por ejemplo, utiliza el lenguaje JavaScript para permitir que los usuarios interactúen con un mapa moviéndolo, ampliándolo, reduciéndolo, etc. Sin el lenguaje JavaScript, la página web tiene que ser actualizada todas las veces que el usuario interactúa con ella, salvo, por supuesto, si se utiliza un plug-in como el Adobe Flash o Microsoft® Silverlight. El lenguaje JavaScript no requiere de ningún plug-in.

Debido a que el lenguaje JavaScript proporciona interactividad del usuario con una página web después de que la página se carga, los desarrolladores normalmente lo utilizan para algunas de las siguientes funciones:

  • Incluir, editar y eliminar dinámicamente elementos de HTML y sus valores
  • Validar formularios web antes de su envío
  • Crear cookies para almacenar datos en la computadora del usuario y para recuperarlos para visitas futuras

Sintaxis de JavaScript

Antes de iniciar, hay algunos aspectos básicos del lenguaje que debe conocer:

  • Para incluir código de JavaScript en un archivo HTML, debe colocar el código dentro de etiquetas de script e incluir el tipo de atributo text/javascript.
  • Todas las declaraciones de JavaScript acaban con un punto y coma.
  • El lenguaje diferencia entre mayúsculas y minúsculas.
  • Todos los nombres de variables deben empezar con una letra o una barra baja
  • Se pueden utilizar comentarios para identificar determinadas líneas del script. Los comentarios se escriben utilizando una barra diagonal doble (//) seguida por el comentario.
  • También se pueden utilizar los comentarios para comentar el script. Una buena forma de comentar varias líneas de un script es utilizando /* su script va aquí */. Los scripts que estén dentro de las estrellas /**/ no funcionarán durante la ejecución.
Las etiquetas de script y el atributo "type" son necesarios para incluir código JavaScript en un archivo HTML
<script type="text/javascript"></script>

Para ocultar el código JavaScript de los navegadores que no lo soportan o de los usuarios que lo tienen desactivado, utilice la etiqueta de comentario antes y después de la declaración de JavaScript, tal como se muestra a continuación.

Utilizar los comentarios para ocultar el código de JavaScript de los navegadores que no lo soportan
<script type="text/javascript">
<!--
Aquí va la declaración de ejemplo
//-->
</script>

Archivos externos de JavaScript

La forma más habitual de incluir código JavaScript en una página web es cargarlo desde un archivo externo de JavaScript utilizando el atributo src en la etiqueta del script. Esto es lo que hay que escribir:

Cómo incluir un archivo externo de JavaScript en un archivo HTML
<script type="text/javascript" src="path/to/javascript.js"></script>

Los archivos externos de JavaScript son la forma más habitual de incluir código de JavaScript por una serie de razones prácticas:

  • Los motores de búsqueda pueden rastrear e indexar su sitio web más rápidamente si hay menos código dentro de su página HTML.
  • Mantener el código JavaScript separado del HTML es más limpio y, a la larga, más fácil de gestionar.
  • Debido a que en el código HTML se pueden incluir varios archivos JavaScript, se pueden separar los archivos JavaScript en diferentes estructuras de carpetas en el servidor web, igual que con las imágenes, la cual es una manera más sencilla de gestionar el código. Tener el código limpio y organizado es siempre la clave para gestionar fácilmente los sitios web.

Resumen y próximos pasos

Este tutorial le presentó los aspectos básicos de JavaScript. Aprendió algunas formas de utilizarlo y algunas dificultades del lenguaje. Continúe en la parte 2, variables.


Recursos para Descargar


Temas relacionados


Comentarios

Inicie Sesión o Regístrese para agregar comentarios.

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=90
Zone=Cloud computing
ArticleID=1063757
ArticleTitle=Cómo iniciar con el lenguaje JavaScript, Parte 1: Aspectos básicos
publish-date=12062018