Javascript
Javascript es un lenguaje de programación que se utiliza para dar vida a los sitios web. Lo ve en acción cada vez que visita un sitio web que tiene alguna interacción. Aprender Javascript es rápido, fácil y divertido porque ya tienes todas las herramientas necesarias en tu computadora y ves los resultados al instante. Pruebe el sencillo ejemplo paso a paso a continuación y estará en camino.
Descargar software:Ninguno necesario
Costo:Gratis
Instrucciones para configurar el software:Ninguno necesario
Requisitos de hardware:PC, Mac, robótico, dispositivo móvil
Sistemas operativos compatibles:Win, Mac, Linux
Nivel de dificultad:1 de 5
¡INTENTALO!
1. Cree una carpeta en su disco duro, llámelo 'JS Demo'
2. Copia este código Javascript:
|_+_|Y péguelo en su editor de texto favorito. El bloc de notas de Windows funciona bien.
3. Guarde el archivo como 'JS-Example.js' en la nueva carpeta que creó en el paso 1.
4. Ahora copie este código HTML:
|_+_|Y péguelo en su editor de texto favorito. El bloc de notas de Windows funciona bien.
5. Guarde este código HTML en la misma carpeta y llámelo 'JS-HTML.htm'.
6. Haga doble clic en el archivo JS-HTML para iniciar un navegador. Ingrese una temperatura y haga clic en el botón IR para ver el resultado. Pruebe varias temperaturas diferentes.
ACERCA DEL PROGRAMA - UN PASEO
1. El archivo HTML define el texto y la información de formato de una página web simple. Puede cambiar cualquier cosa que desee para ver cómo afecta el formato de la página. Esto no es realmente programación, pero es divertido jugar con él. Eso:
a. Crea un título para el sitio web
segundo. Le dice al código HTML que use Javascript y dónde encontrar el código
C. Formatea el texto mostrado
re. Especifica un cuadro de entrada de texto con ID = 'MyInputTemp' (Javascript lo necesitará)
mi. Especifica un botón con la etiqueta '¡Ir!'
F. Cuando se presiona el botón del mouse, ejecuta la función bePrepared () de javascript
gramo. muestra la cadena en 'myAnswer' que se crea en el programa javascript.
2. El archivo Javascript tiene una única función llamada 'bePrepared ()'. Se ejecuta cada vez que se hace clic en el botón IR (mire el método 'onclick' para la etiqueta 'input' = 'Button' en el archivo HTML para ver la llamada a la función).
3. La función 'bePrepared ()'
a. Obtiene el valor ingresado en la etiqueta 'Entrada' - 'Texto' usando su ID: 'MyInputTemp'
segundo. El valor se convierte a Celcius (con un solo decimal).
C. El valor Celsius se evalúa con una serie de declaraciones IF y se asigna una frase de acción sugerida a la variable: 'myActionText'
re. Una oración se crea combinando o 'concatenando' un texto estático junto con los valores de temperatura (grados F y C) y la frase de acción.
mi. La nueva frase se inserta en la última línea de la página HTML mediante el ID de la etiqueta en esa línea: 'myAnswer'
PRUEBA ESTO
1. Cambie las temperaturas utilizadas en las decisiones: cambie la temperatura más baja de 60 a 30 grados, por ejemplo. ¡Asegúrate de cambiarlo en dos lugares! Guarde el archivo y actualice el navegador (o reinicie la página web) e ingrese nuevos números: ¿cambiaron las respuestas a la nueva temperatura?
2. Cree un nuevo rango de temperatura de 30 a 60 grados y haga que se muestre: '¡Traiga gorro y guantes!'
3. Cambie la redacción de las frases.
4. Agregue otra entrada de texto - pregunte por la velocidad del viento, por ejemplo.
5. Agregue algunas declaraciones condicionales que evalúen el factor de sensación térmica.
6. Agregue algo de texto para mostrar el resultado de la sensación térmica.
APRENDE MÁS
W3schools.com - Un tutorial bien organizado con muchos ejemplos de trabajo y código fuente.
Webmonkey - Un tutorial de JavaScript de cinco partes
RECURSOS, CONSEJOS, TRUCOS Y CONSEJOS
1. Google Chrome tiene una característica interesante.
- Instale Google Chrome si aún no lo tiene.
- Abra el ejemplo JS-HTML anterior en Google Chrome (haga clic con el botón derecho en el archivo JS-HTML que creó anteriormente y seleccione 'Abrir con ...' y elija Chrome)
- Haga clic en configuración >> Herramientas >> Consola Javascript
Esto abre una ventana de consola que muestra mensajes de error (y un montón de otras herramientas) para ayudarlo a depurar su código.
Esta consola es muy útil para depurar errores de JavaScript. La mayoría de los navegadores tienen complementos que hacen cosas similares.
2. Notepad ++ es un gran editor de texto gratuito diseñado específicamente para programadores. Compruébalo aquí .