JavaScript es el lenguaje de programación de la web, diseñado para que la web agregue comportamiento e interactividad a las páginas web. En este episodio, echaremos un vistazo a los conceptos básicos del idioma. Veremos la sintaxis central del lenguaje, dónde colocar su JavaScript, qué puede hacer con JavaScript y qué herramientas querrá utilizar en su aprendizaje y programación de JavaScript. JavaScript solía ser el lenguaje de juguete mal visto del mundo, ¡pero las cosas han cambiado! Hoy en día, con los marcos de trabajo de JavaScript modernos y las mejores prácticas, JavaScript es una herramienta genuina de nivel empresarial que los sitios web más humildes utilizan hasta en aplicaciones súper complejas de los equipos de ingeniería de Google y Yahoo.

Plataforma agnóstico

Cada vez que trabajamos con un lenguaje de programación, tenemos una idea del entorno de desarrollo en uso. Por ejemplo, si su aplicación es una aplicación iOS, su entorno de desarrollo probablemente consista en el lenguaje Objective C, escrito en una computadora Apple, usando el IDE de Xcode. Compare esto con la aplicación .NET que estaría alineada con el lenguaje C #, en una PC con Windows, usando el IDE de Visual Studio. JavaScript, por otro lado, no está realmente vinculado a un entorno de plataforma. Si desea que notepad.exe sea su IDE de elección, ¡puede hacerlo!

¿Con qué debo escribir JavaScript?

Dado que JavaScript es tan independiente de la plataforma, puede utilizar cualquiera de los maravillosos IDE disponibles hoy. Algunos de los favoritos incluyen Eclipse, VIM, Aptana, Dreamweaver, Brackets, Sublime Text y más. Como mencionamos anteriormente, si usted es más del tipo de desarrollador sin lujos, puede mantenerlo tan simple como usar algo como un bloc de notas para crear sus archivos JavaScript. Lo que sea que te resulte cómodo. Personalmente, disfruto cierta cantidad de resaltado de sintaxis y embellecimiento de código de mi IDE, por lo que generalmente usaré una de las herramientas más avanzadas para proporcionar esta función.

Potentes herramientas de navegador

Hay una gran cantidad de navegadores, pero para todos los efectos, Microsoft Explorer, Mozilla Firefox, Google Chrome y Safari de Apple son los principales en los que debe centrarse. Para enfocar esto aún más, la mayoría de los desarrolladores web utilizan Google Chrome y sus herramientas de desarrollo, o Mozilla Firefox y la excelente extensión Firebug para escribir y probar el JavaScript que utilizarán. Para este tutorial, haremos un uso intensivo de Mozilla Firefox y la extensión Firebug, así que si desea seguir adelante, obtenga una copia de cada uno en esos enlaces si aún no los tiene instalados.

Beneficios de Firebug

Los beneficios de Firebug son muchos, aquí están algunas de las características clave que son realmente útiles.

Fácil de iniciar y usar

Firebug mantiene un icono simple en el navegador una vez que está instalado. Puede habilitar o deshabilitar fácilmente el servicio, organizar la consola a su gusto y configurar los sitios web para los que desea que se ejecute.

Inspección y edición de HTML

Firebug facilita la inspección de la fuente HTML de una página web, o incluso la edición en vivo y sobre la marcha. El DOM y la página web se actualizarán en el navegador en tiempo real a medida que realice cambios. Esta es una función de prueba muy hábil y valiosa.

Diseños CSS de depuración

Es fácil ver exactamente qué CSS está afectando a qué elementos en la página web con Firebug. Ser capaz de aislar CSS de esta manera le ahorrará horas de tiempo y frustración.

Depuración y creación de perfiles de JavaScript

En firebug puede establecer puntos de interrupción y recorrer el código JavaScript en tiempo real. Hace que la depuración y la resolución de problemas sean mucho más fáciles, ya que le permite una ventana al funcionamiento real del código. El generador de perfiles reducirá cualquier punto en el script que pueda estar ralentizando su aplicación.

Prueba de JavaScript simple

Esta es mi característica favorita de Firebug. Si está acostumbrado a programar en PHP u otro lenguaje, sabrá que muchas veces en las pruebas, es un proceso agotador de editar archivos, guardar archivos, actualizar el navegador y observar el resultado. Lavar, enjuagar, repetir. Con la línea de comando de Firebug, simplemente podemos escribir algunas líneas de JavaScript y luego hacer clic en Ejecutar. ¡Maricón! El JavaScript se ejecuta y sonreímos🙂

¡Aquí está nuestra primera línea de JavaScript y podemos ejecutarla directamente en la consola de Firebug con facilidad!

comenzando con la programación javascript

Conceptos Web

A menudo se hace referencia a JavaScript como uno de los 3 componentes principales de las páginas web.

  • HTML El HTML es el lenguaje de marcado de la página web que envuelve nuestro contenido. Los archivos HTML pueden escribirse a mano o crearse dinámicamente a través de un lenguaje de programación del lado del servidor como PHP. Vale la pena señalar que JavaScript también puede funcionar en el servidor en forma de node.js, sin embargo, eso será para otro tutorial.
  • CSS CSS es el lenguaje de diseño de nuestras páginas web. Cuando tengamos el marcado en su lugar, debe haber una manera de agregar algo de estilo a ese marcado, no sea que tengamos un diseño mayormente suave. Las hojas de estilo en cascada son las que hacen esto por nosotros.
  • JavaScript JavaScript es en lo que nos centraremos aquí. Es lo que da la capacidad de agregar interactividad y comportamiento a una página web. Los conceptos iniciales de JavaScript son muy fáciles de entender, pero a medida que nos adentramos en las características más avanzadas del lenguaje, como los prototipos de objetos y demás, veremos las habilidades alucinantes de JavaScript.

JavaScript no es un lenguaje de propósito general

Otros lenguajes como C ++ , Java , C o C # , son lenguajes de programación de propósito más general que permiten el acceso completo a la memoria y los sistemas de archivos. JavaScript tampoco es Java, de hecho, ¡es tan opuesto a Java como podría serlo! En el momento de la creación de ECMAScripts, Java tenía mucho impulso, por lo que se teoriza que JavaScript tomó prestado su nombre de esta locura por Java. JavaScript está diseñado y utilizado dentro del navegador web. Ahí es donde funciona mejor y sobresale.

En las próximas lecciones, comenzaremos a profundizar en la sintaxis del idioma y comenzaremos a crear algunos programas simples. Echaremos un vistazo a los operadores, estructura, bucles, funciones, variables, condicionales, comentarios y más.