Post Top Ad

Your Ad Spot

martes, 28 de julio de 2020

Comenzando con la programación de JavaScript

Comenzando con la programación de JavaScript

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, veremos los conceptos básicos del lenguaje. Analizaremos 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 marcos JavaScript modernos y mejores prácticas, JavaScript es una herramienta de nivel empresarial de buena fe que los sitios web más humildes utilizan en aplicaciones súper complejas de los equipos de ingeniería de Google y Yahoo.


Plataforma Agnóstica

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 Xcode IDE. 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 IDE maravillosos disponibles para usted hoy. Algunos favoritos incluyen Eclipse, VIM, Aptana, Dreamweaver, Brackets, Sublime Text y más. Como mencionamos anteriormente, si usted es más del desarrollador sin lujos, puede mantenerlo tan simple como usar algo como el bloc de notas para crear sus archivos JavaScript. Lo que te parezca cómodo. Personalmente, disfruto de 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 navegación

Hay una gran cantidad de navegadores, pero para todos los efectos, Microsoft Explorer, Mozilla Firefox, Google Chrome y Apple's Safari son los principales en los que 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, por lo que si desea seguirlo, ¡consiga una copia de cada uno en esos enlaces si aún no los tiene instalados!

Beneficios de Firebug

Los beneficios de Firebug son muchos, estas son algunas de las características clave que son realmente útiles.

Fácil de lanzar 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 para qué sitios web 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 edita 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 característica de prueba súper ingeniosa y valiosa.

Depurar diseños CSS

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

Depurar y perfilar 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á los puntos en el script que podrían estar ralentizando su aplicación.

Prueba simple de JavaScript

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, 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 Firebug con facilidad!

Comenzando con la programación de 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 tenemos el marcado en su lugar, debe haber una manera de agregar un poco de estilo a ese marcado, para que no tengamos un diseño muy soso. Las hojas de estilo en cascada son lo que hacen esto por nosotros.
  • JavaScript JavaScript es en lo que nos centraremos aquí. Es lo que brinda 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 adentremos en las características más avanzadas del lenguaje, como los Prototipos de objetos y otros, veremos las capacidades 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 ser! En el momento de la creación de ECMAScripts, Java tenía un gran 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 Próximas lecciones comenzaremos a profundizar en la sintaxis del lenguaje y comenzaremos a crear algunos programas simples. Echaremos un vistazo a los operadores, estructura, bucles, funciones, variables, condicionales, comentarios y más.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas