JS Intro

Descargar como txt, pdf o txt
Descargar como txt, pdf o txt
Está en la página 1de 4

Introducci�n a JavaScript en 2024

JavaScript es uno de los lenguajes de programaci�n ideales para quienes deciden


entrar en el mundo del desarrollo web y quieren aprender las bases de la
programaci�n. Con JavasCript y un editor de texto puedes crear tu primer c�digo y
decir �Hola, mundo� en tu navegador web.

En este art�culo, te mostrar� qu� es JavaScript y c�mo puede ayudarte a romper las
barreras del aprendizaje sobre programaci�n, para que puedas empezar tu carrera
como desarrollador web. Por �ltimo aprender�s a escribir tu primer c�digo. �S�! �tu
primer c�digo!

Sobre la historia de JavaScript


Antes de entrar en detalle y entender qu� es JavaScript, es importante que conozcas
un poco del origen de este lenguaje. Con el crecimiento de la Internet en el inicio
de los a�os 90, la empresa Netscape sinti� la necesidad de mejorar la interacci�n
de sus usuarios con las p�ginas del navegador, que llevaba el mismo nombre.
Entonces, cre� LiveScript: un lenguaje simple que permit�a la ejecuci�n de scripts
contenidos en el propio software.

Este lenguaje fue alcanzando r�pidamente m�s espacio en el sector de desarrollo de


aplicaciones; tiempo m�s tarde Netscape hizo un acuerdo con Sun Microsystems
(comprada por Oracle en 2010) para impulsar el uso del mismo.

El gigante Microsoft tambi�n adapt� su navegador Internet Explorer de tal forma que
soportara este script y cre� su propia versi�n: el JScript. Lo que gener� algunas
controversias en el mundo del desarrollo web. Por esta raz�n, los dirigentes de
Netscape decidieron estandarizar el lenguaje Javascript y enviaron las
especificaciones al ECMA (European Computer Manufacturers Association), organismo
que estandariz� el lenguaje totalmente independiente de cualquier empresa.

�Qu� es JavaScript?
JavaScript es uno de los lenguajes de programaci�n m�s populares para el desarrollo
web, ejecutado del lado del cliente (esta expresi�n significa que los scripts o
programas son ejecutados en el navegador del usuario), y funciona como una
extensi�n del c�digo HTML.

Por ser un lenguaje interpretado, no necesita de compilaci�n y, por lo tanto, no


utiliza los recursos del servidor. JavasCript es un lenguaje que soporta la
programaci�n orientada a objetos. Aunque no posee varias caracter�sticas de esta
orientaci�n nativamente, es posible realizar algunas emulaciones.

Es muy importante recordar que JavaScript no es lo mismo que Java, su sitaxis es


diferente y necesita un compilador para que el navegador pueda interpretarlo. En
cambio, JavaScript tiene su propio script interpretado por �l mismo.

El script del desarrollador ser� enviado junto al HTML para el navegador, que, al
leerlo, har� la diferenciaci�n del c�digo HTML por medio de la tag <script>.

�Qu� necesito saber para aprender?


Para dar tus primeros pasos en JavaScript, no se requieren muchos conocimientos
previos de programaci�n. Pero debes tener conocimientos b�sicos de inform�tica,
adem�s de comprender c�digos HTML y CSS.

Antes de todo, necesitas aprender a pensar como desarrollador. Para ello, debes
saber qu� es la sintaxis de programaci�n y c�mo aplicarla en tu c�digo.

Sintaxis de programaci�n
Al igual que cuando escribes un texto usas un cierto conjunto de normas como comas,
puntos, tildes, signos de interrogaci�n, admiraci�n, etc. En la programaci�n
tambi�n existe una serie de normas que regulan las distintas variables, sin esa
sintaxis los c�digos que trabajes no funcionar�n.

Programar es, usando l�neas de c�digo, solucionar problemas del mundo real.

Aprender a programar es ofrecer a la computadora y programas, instrucciones para


ejecutar actividades de manera secuencial y l�gica, con el fin de realizar las
acciones propuestas. Por eso, la capacidad anal�tica es fundamental para el
desarrollador, pues la necesita para analizar los problemas desde distintos �ngulos
y de modo m�s profundo.

Ahora que ya sabes un poco m�s sobre JavaScript, te contar� algunos de los t�rminos
que deber�s conocer para entender el desarrollo web y comenzar a programar en
JavaScript:

HTML: El �Hypertext Markup Languaje� es un lenguaje orientado hacia el desarrollo


de sitios web. El inicio del c�digo HTML es marcado por el tag <HTML>.

CSS: CSS es la abreviatura �Cascading Style Sheets� o �Hojas de estilo en cascada�.


Su funci�n es definir la presentaci�n (apariencia) de los elementos en el sitio
web.

PHP: PHP es el acr�nimo para �Hypertext Preprocessor�. Es un lenguaje opensource


ejecutado del lado del servidor, que tiene como funci�n crear la interacci�n del
usuario con el sitio web por medio de formularios, par�metros URL y links.

JavaScript (en resumen): Tambi�n conocido por sus iniciales JS. Su principal
funci�n es agregar interacciones a los sitios web. Por medio de scripts ejecutados
en el navegador del usuario, JS brinda funciones avanzadas en las aplicaciones,
conect�ndose a bibliotecas. Se puede encontrar en medio del c�digo HTML, a trav�s
del tag <script>.

�Cu�les son las ventajas y desventajas de JavaScript?


Que todos los lenguajes de programaci�n tienen sus fortalezas y debilidades, es un
hecho. Y con JS, no es diferente. Pero con algunos cuidados, se puede lograr la
construcci�n de scripts m�s seguros.

Para que puedas conocer un poco m�s sobre JavaScript, hemos listado las principales
ventajas y desventajas que debes considerar. Veamos:

Ventajas:
Es m�s r�pido que otros lenguajes de programaci�n
No consume recursos del servidor
Diversas Bibliotecas
Brinda m�s interactividad a los sitios web
No necesita compilador
Desventajas:
La detecci�n de errores en el c�digo es m�s dif�cil
No todos los navegadores y dispositivos son compatibles
Posee pocos recursos nativos en el lenguaje
Puede llegar a susceptible en cuanto a seguridad, pues debido a la libre ejecuci�n
del script, el navegdor puede intepretarlo de manera distinta, mostrando resultados
diferentes a lo esperado
JavaScript y otros lenguajes de programaci�n
JavaScript es un lenguaje muy vers�til. Y por eso, los desarrolladores lo eligen
como uno de sus lenguajes preferidos en el momento de desarrollar aplicaciones web.
La sintaxis de JavaScript es similar a otros lenguajes de programaci�n, como Java y
C. Entre ellos comparten la caracter�stica de programaci�n orientada a objetos.
Adem�s, variables, condiciones, arreglos, funciones y ciclos tambi�n son iguales.

Tu primer c�digo JS en 4 pasos:


Para esto necesitar�s el blog de notas o notepad disponible en tu ordenador,
(existen otros que puedes instalar, pero esta vez lo haremos al estilo
principiante).

Paso 1:
Dentro del blog de notas debes comenzar a escribir el siguiente c�digo, conservando
el orden:

<html>
<head>
<title>hola mundo en javascript</title>
<script type=�text/javascript�>
alert(�Hola mundo!�);
</script></head>
<body>
<h1> �Mi primer c�digo en JS con HostGator!</h1>
<h2><span style=�font-weight:400;�>Hola Mundo</span></h2>
</body>
</html>

Agregu� una funcionalidad creada con el sitio web jsfiddle.net, para que puedas ver
el c�digo en la secci�n �HTML�. Autom�ticamente aparecer� el resultado en la
secci�n �Result�. �Compru�balo!

Si lo quieres editar y escribir algo personalizado, basta con hacer clic en �Edit
in JSFiddle� y ser�s redireccionado al c�digo directamente en la plataforma.

Observaciones:

Nota que siempre debes abrir <> y cerrar </> un comando para que este funcione.
Los espacios que coloqu� en negrita los puedes cambiar para el texto que quieras.
Ser�a m�s f�cil copiar y pegar este c�digo en tu blog de notas, sin embargo es
bueno que los escribas t� mismo para que comiences a familiarizarte con el teclado.
Adem�s es posible que algunos caracteres como las comillas, por ejemplo, sean
modificados en el archivo y tu c�digo no funcione.
Paso 2:
Una vez escrito el c�digo en tu blog de notas, ve a la opci�n Archivo > Guardar
como, y guarda este archivo en tus documentos. Importante: generalmente cuando
guardas un archivo como blog de notas, este se guarda como .txt; deber�s
modificarlo y guardarlo como .html

Paso 3:
Cuando ya tengas el archivo guardado, ve a la carpeta donde haz guardado el archivo
y haz clic en el documento.

Paso 4:
�Listo! �Aqu� est� el resultado de tu primer c�digo! Se abrir� tu navegador web y
aparecer� la informaci�n que publicaste. �Has visto qu� f�cil es?

Si quieres aprender m�s c�digos, puedes entrar al sitio web de w3schools donde
encontrar�s diferentes funcionalidades para adicionar a tu nuevo c�digo.
�Por qu� es importante aprender JavaScript?
Al aprender qu� es JavaScript, y comenzar a descubrir la cantidad de cosas que
puedes hacer con este lenguaje de programaci�n, comenzar�s a entender por qu� es
importante tenerlo dentro de tu curr�culum. Puedes encontrar la presencia de
JavaScript en casi todas las l�neas de desarrollo web; los profesionales del mundo
web que tienen dominio en este lenguaje, tienen grandes oportunidades en el mercado
de trabajo.

Para aprender a programar en JavaScript y otros lenguajes de programaci�n, hay


cualquier variedad de cursos disponibles en internet. La p�gina oficial de
JavaScript tambi�n ofrece datos muy importantes para los desarrolladores
iniciantes. Sin embargo, debes recordar que el primer paso ser� aprender sobre
l�gica de programaci�n.

JavaScript es un lenguaje de programaci�n de excelente reputaci�n, por lo que el


profesional que tenga conocimiento y experiencia con este, es visto con
diferenciaci�n. Puede actuar como profesional Front-End; y tambi�n crear
aplicaciones m�viles, ya que el lenguaje posee infraestructura para el desarrollo
de proyectos deste tipo, por medio de tecnolog�as web.

También podría gustarte