Aprendiendo javascript

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>

Aprendiendo javascript

Software

Transcript of Aprendiendo javascript