JavaScript para principiantes

656

JavaScript es un lenguaje de programación que funciona en los navegadores de forma nativa, por tanto, se utiliza como complemento de HTML y CSS para crear páginas webs.

Y ¿Qué es JavaScript?

Bueno pues es el lenguaje de programación encargado de dotar de mayor interactividad y dinamismo a las páginas web. Cuando JavaScript se ejecuta en el navegador, no necesita de un compilador. Esto quiere decir que el navegador lee directamente el código, sin necesidad de terceros. Por tanto, se le reconoce como uno de los tres lenguajes nativos de la web junto a HTML (contenido y su estructura) y a CSS (diseño del contenido y su estructura).

 

¿Para qué sirve JavaScript?

Con este lenguaje de programación podemos crear efectos y animaciones sin ninguna interacción, o respondiendo a eventos causados por el propio usuario tales como botones pulsados y modificaciones del DOM (document object model).

El código de programación de JavaScript se ejecuta en los navegadores, ya sean de escritorio o móviles.

JavaScript es capaz de detectar errores en formularios, de crear bonitos sliders que se adapten a cualquier pantalla, de hacer cálculos matemáticos de forma eficiente, de modificar elementos de una página web de forma sencilla. Pero también JS es el encargado de que existan herramientas como Google AnalyticsGoogle Tag Manager, Facebook Pixel y tantas otras, que son claros ejemplos de JavaScript.

JavaScript ahora mismo es el lenguaje más popular. De hecho, desde hace años se ha creado una versión que es capaz de ser ejecutada también en el lado del servidor (Node JS). Por tanto, ahora mismo se ejecuta JavaScript en los navegadores y en los servidores, creando a su alrededor una amplísima comunidad de desarrolladores casi full-stack. JavaScript del lado del servidor compite en igualdad de condiciones con PHP, por ejemplo.

En la actualidad existen algunas prácticas, no demasiado recomendadas por los SEO, donde JavaScrit se encarga de numerosas funciones de estilo. Por ejemplo, muchos temas y plugins de WordPress utilizan scripts para hacer responsive el diseño web. Los navegadores modernos interpretan esto sin problemas, pero es posible que la araña de Google piense que no es la mejor manera de hacerlo.

¿En qué se diferencia de otros lenguajes de programación?

La razón por la cual JavaScript es uno de los lenguajes de programación más populares de todos es el hecho de que es tan versátil. De hecho, muchos desarrolladores recurren a él como su lenguaje de programación predilecto y solo recurren a los demás de esta lista cuando necesitan algo un poco más específico.

Echemos un vistazo a algunos de los lenguajes de programación más populares:

JavaScriptJavaScript o JS, para abreviar, busca agregar interactividad a los sitios web. Los scripts se ejecutan en el navegador del usuario y no en el servidor y, por lo general, se conectan a bibliotecas de terceros para proporcionar funciones avanzadas sin que el desarrollador tenga que codificarlas desde cero cada vez.
HTMLAbreviatura de «Hypertext Markup Language», HTML es uno de los lenguajes de programación más comunes en la web y constituye los componentes básicos de una página web. Los ejemplos de etiquetas HTML incluyen <p> para los párrafos e <img> para las imágenes.
PHPPHP es un lenguaje del lado del servidor, lo contrario que JavaScript que se ejecuta en la máquina del cliente. Se ve más comúnmente en sistemas de administración de contenido basados ​​en PHP como WordPress, pero también se usa comúnmente para el desarrollo de back-end, ya que proporciona la manera perfecta de facilitar la transferencia de información hacia y desde una base de datos.
CSSCSS es la abreviatura de “Cascading Style Sheets” o “Hojas de estilo en cascada” y le permite a los webmasters especificar estilos y definir la forma en que se muestran los diferentes tipos de contenido. Puedes hacerlo manualmente para cada elemento en el HTML, pero al hacerlo en el CSS te ahorras el tener que especificar repetidamente cómo mostrar los elementos cada vez que los usas.

Si comparamos la programación con la construcción de una casa, el HTML especificaría la estructura de la casa y dónde están las paredes y las puertas, mientras que el CSS sería las alfombras y la pintura de las paredes que decoran la casa y la hacen lucir hermosa. El JavaScript agrega la capacidad de respuesta y significa que puedes abrir puertas y encender interruptores de luz. Puedes arreglártelas sin eso, pero corres el riesgo de que su sitio web se vea y actúe como si fuera de 1995.

¿Cómo agregar JavaScript a un sitio web?

Para insertar código JavaScript en una página web, deberás usar la etiqueta <script>. Puedes usar el siguiente ejemplo para ver cómo se ve esto en la práctica:

<script type=»text/javascript»>

Tu código de JavaScript

</script>

Como regla general, es una buena idea incluir tu JavaScript dentro de las etiquetas <header> para su sitio web a menos que sea necesario ejecutarlo en un momento específico o con un elemento de página web específico. También puedes guardar tu código JavaScript como archivos separados y llamarlos según sea necesario en todo el sitio web.

Entonces, ¿qué es JavaScript?

JavaScript es un lenguaje de programación que hace que los sitios web cobren vida. Esto es en contraste con HTML (que especifica el contenido) y CSS (que especifica el diseño) y, a diferencia de PHP, se ejecuta en los dispositivos de los visitantes y no en el servidor.

Lo que necesitas saber:

  1. JavaScript es relativamente fácil de aprender;
  2. Está desarrollado por Netscape, ahora se usa en el 92% de los sitios web;
  3. JS se puede asignar a ciertos elementos o eventos de la página web, como clics;
  4. Funciona en diferentes navegadores y dispositivos;
  5. Es más rápido y ligero que otros lenguajes de programación;
  6. Puede ser menos seguro que otras opciones debido a su popularidad;
  7. Puedes agregar JavaScript directamente a HTML o puedes almacenarlo en archivos separados y llamar a la funcionalidad según sea necesario.

En pocas palabras, hay una razón por la que JavaScript es tan popular: es muy bueno en lo que hace. Entonces, si te lo has estado preguntando, esperamos que este recurso haya sido útil y que ahora tengas una buena idea de qué es JavaScript y cómo funciona.