Curso JavaScript Fundamentos TIC'S

Bogotá Septiembre de 2014
Fundación San Mateo: Curso TIC’S
Principios Básicos de JavaScript
Profesor: Carlos Salas
Nota: Los comentarios están en color azul para mayor compresión
Tema 1: Imprimiendo un texto en Pantalla
<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Bienvenidos a la Fundación San Mateo");
</script>
</body>
</html>

Tema 2: Manejo de Variables
<html>
<head>
</head>
<body>
<script type="text/javascript" >
var x = 10; /* En la declaración de las variables se pueden utilizar números y letras,
los números no pueden empezar en la declaración por ejemplo 10z y debe ser z10
también javascript es sensible a las mayúsculas es diferente decir Z a z
*/
document.write(z);
/* Tipos de variables, cuando se utilicen decimales se debe utilizar el punto no la coma
Ejemplo 34343.343434 Las cadenas se manejan entre comillas "asdfasdfasdf asdfasdf asdfasdf */ adsf ", Variables booleanas pueden ser true o false
var x = true;
// Variables tipo null
var x = null; // no tienen ningún valor
</script>
</body>
</html>

Tema 3: Operadores
<html>
<head>
</head>
<body>
var edad = 10;
var nombre = "carlos";
var pais = "colombia";
var tiempo = 25;
document.write(edad + tiempo + "<br>");
document.write(nombre + edad + tiempo + "<br>");
document.write(edad * tiempo - 34 + "<br>");
document.write(edad + tiempo - 34 + "<br>");
document.write("Mi nombre es" + nombre + "<br>");
/* El operador de suma funciona como concatenador por tanto no puedo utilizar este signo en la */ impresión de un string si de seguido hay dos números.
</script> // ojo recordar cerrar esta etiqueta
</body>
</html>

Tema 4: Funciones
<html>
<head>
</head>
<body>
function saludo() { // () Parámetros que recibe la función, {} contenido de la función
alert("Mostrando a carlos");
};
//saludo(); // acá estamos invocando a la función
</script>


-->
</body>
</html>

Tema 4: Funciones parte II
<html>
<head>
</head>
<body>
function saludo(nombre,apellido) { /* () parámetros que recibe la función, {} contenido de la */ función
var nombre = "carlos";
var apellido = "salas";
document.write("Mi Nombre es " + nombre + apellido + "<br>"); /*si agregamos etiquetas html */ dentro de comillas las lee como código html
};
saludo("carlosss","salass");
saludo("milena","medellin");
saludo("nathalia","salas");
saludo("Clemencia"," "); // undefine
</script>
<form>
<input type="button" value="preciona" onclick="saludo()" />
</form>
</body>
</html>

Tema 5: Variables Globales y Locales
<html>
<head>
</head>
<body>
var variable1 = "Programación"; // Esta es la declaración de una variable global
function mostrar() {
document.write("Carlos es profesor de " + variable1 + "<br>");
};
mostrar();
document.write("Carlos no es profesor de " + variable1 + "<br>");
</script>

</body>
</html>

Curso JavaScript Fundamentos TIC'S

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (12)

Similar a Curso JavaScript Fundamentos TIC'S

Similar a Curso JavaScript Fundamentos TIC'S (20)

Curso JavaScript Fundamentos TIC'S