JS Intro
JS Intro
JS Intro
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!
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.
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>.
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.
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:
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>.
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.
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.