miércoles, 28 de septiembre de 2016

(SEPTIEMBRE 27 2016 )

EN esta clase el profesor siguió explicando sobre javascript y se realizo 1 evaluacion.


EJERCICIOS :

<!DOCTOTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Operadores aritméticos</title>
</head>
<body>
<script>


//Suma
 var num1 = 621;
 var num2 = "Buenas";
 var num3 = " tardes";
 var num4 = 898;
 document.write(num1 + num4, "<hr>");
 document.write(num2 + num3, "<hr>");

 //Resta
 var num1 = 69;
 var num2 = 47;
 var resta = num1 - num2;
 document.write(resta, "<br>" , -resta , "<hr>");


 //Resto de una división (%)
 var num1 = 120;
 var num2 = 2;

 document.write(num1 % num2, "<hr>");

 //Incremento (++) y decremento (--)
 var num1 = 800;
 var num2 = 700;
 var incremento = ++num1;
 var decremento = --num2;

 document.write(incremento , "<br>", decremento + "<hr>")

 //Operadores compuestos
 var num1 = 1646 , num2 = "Hol";
 num1+= 2196;
 document.write(num1 + "<br>");
 num1-= 7;
 num2+= "a";
 document.write(num1 + "<br>" + num2 + "<hr>");



 //Redondear numero al mas cercano
 var redondear = Math.round(74.38);
 document.write(redondear + "<hr>");

 //Redondear al entero mas cercano
 var redondear = Math.ceil(20.12);
 document.write(redondear + "<hr>");

 //Obtener el valor mínimo de una serie de valores y máximo

 var ValorMinimo = Math.min(90,91,92,93,94,85,66,77,48,19,80);
 document.write(ValorMinimo + "<br>");

 var ValorMaximo = Math.max(78,31,70,87,48,56,16,47,68,79,90);
 document.write(ValorMaximo + "<hr>");

 //Valor absoluto de un número
 var valorabsoluto = Math.abs(-79.57);
 document.write(valorabsoluto + "<hr>");

 //Seno y coseno
 var seno = Math.sin(30);
 document.write(seno + "<br>");

 var coseno = Math.cos(30);
 document.write(coseno + "<hr>");

 //Generar un número aleatorio
 var aleatorio = Math.random();
 document.write(aleatorio + "<hr>");

 //Generar un número aleatorio de 0 a X
 var aleatorio = Math.floor(Math.random()*101);
 document.write(aleatorio + "<hr>");

 //Generar un número aleatorio de 0 a X con decimales
 var aleatorio = Math.floor(Math.random()*10) + Math.random();
 document.write(aleatorio);


</script>
</body>

</html>

Alert

La instrucción alert() es una de las utilidades que incluye JavaScript y permite mostrar un mensaje en la pantalla del usuario. Si se visualiza la página web de este primer script en cualquier navegador, automáticamente se mostrará una ventana con el mensaje "Hola Mundo!".


Variables

Almacenan los valores que utiliza el programa. El resultado se calcula siempre en función del valor almacenado por las variables, por lo que este programa funciona correctamente para cualquier par de números indicado. Si se modifica el valor de las variables numero_1 y numero_2, el programa sigue funcionando correctamente.


var numero_1 = 3;
var numero_2 = 1;
var resultado = numero_1 + numero_2;
http://librosweb.es/libro/javascript/capitulo_3/variables.html
TIPOS DE VARIABLES
 Numéricas
Se utilizan para almacenar valores numéricos enteros o decimales. Los números decimales utilizan el carácter . (punto) en vez de , (coma) para separar la parte entera y la                  parte decimal.

Cadenas de texto

Se utilizan para almacenar caracteres, palabras y/o frases de texto. Para asignar el valor a la variable, se encierra el valor entre comillas dobles o simples, para delimitar su comienzo y su final.


 A veces las cadenas de texto contienen tanto comillas simples como dobles. Para resolver estos problemas, JavaScript define un mecanismo:












 Funciones útiles para cadenas de texto
A continuación se muestran algunas de las funciones más útiles para el manejo de cadenas de texto:
length, calcula la longitud de una cadena de texto (el número de caracteres que la forman)
var mensaje = "Hola Mundo";
var numeroLetras = mensaje.length; // numeroLetras = 10
+, se emplea para concatenar varias cadenas de texto
var mensaje1 = "Hola";
var mensaje2 = " Mundo";
var mensaje = mensaje1 + mensaje2; // mensaje = "Hola Mundo"
Además del operador +, también se puede utilizar la función concat()
var mensaje1 = "Hola";
var mensaje2 = mensaje1.concat(" Mundo"); // mensaje2 = "Hola Mundo"
Las cadenas de texto también se pueden unir con variables numéricas:
var variable1 = "Hola ";
var variable2 = 3;
var mensaje = variable1 + variable2; // mensaje = "Hola 3"
Cuando se unen varias cadenas de texto es habitual olvidar añadir un espacio de separación entre las palabras:
var mensaje1 = "Hola";
var mensaje2 = "Mundo";
var mensaje = mensaje1 + mensaje2; // mensaje = "HolaMundo"
Los espacios en blanco se pueden añadir al final o al principio de las cadenas y también se pueden indicar forma explícita:
var mensaje1 = "Hola";
var mensaje2 = "Mundo";
var mensaje = mensaje1 + " " + mensaje2; // mensaje = "Hola Mundo"
toUpperCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en mayúsculas:
var mensaje1 = "Hola";
var mensaje2 = mensaje1.toUpperCase(); // mensaje2 = "HOLA"
toLowerCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en minúsculas:
var mensaje1 = "HolA";
var mensaje2 = mensaje1.toLowerCase(); // mensaje2 = "hola"
charAt(posicion), obtiene el carácter que se encuentra en la posición indicada:
var mensaje = "Hola";
var letra = mensaje.charAt(0); // letra = H
letra = mensaje.charAt(2);     // letra = l
indexOf(caracter), calcula la posición en la que se encuentra el carácter indicado dentro de la cadena de texto. Si el carácter se incluye varias veces dentro de la cadena de texto, se devuelve su primera posición empezando a buscar desde la izquierda. Si la cadena no contiene el carácter, la función devuelve el valor -1:
var mensaje = "Hola";
var posicion = mensaje.indexOf('a'); // posicion = 3
posicion = mensaje.indexOf('b');     // posicion = -1
Su función análoga es lastIndexOf():
lastIndexOf(caracter), calcula la última posición en la que se encuentra el carácter indicado dentro de la cadena de texto. Si la cadena no contiene el carácter, la función devuelve el valor -1:
var mensaje = "Hola";
var posicion = mensaje.lastIndexOf('a'); // posicion = 3
posicion = mensaje.lastIndexOf('b');     // posicion = -1
La función lastIndexOf() comienza su búsqueda desde el final de la cadena hacia el principio, aunque la posición devuelta es la correcta empezando a contar desde el principio de la palabra.
substring(inicio, final), extrae una porción de una cadena de texto. El segundo parámetro es opcional. Si sólo se indica el parámetro inicio, la función devuelve la parte de la cadena original correspondiente desde esa posición hasta el final:
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(2); // porcion = "la Mundo"
porcion = mensaje.substring(5);     // porcion = "Mundo"
porcion = mensaje.substring(7);     // porcion = "ndo"
Si se indica un inicio negativo, se devuelve la misma cadena original:
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(-2); // porcion = "Hola Mundo"
Cuando se indica el inicio y el final, se devuelve la parte de la cadena original comprendida entre la posición inicial y la inmediatamente anterior a la posición final (es decir, la posición inicio está incluida y la posición final no):
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(1, 8); // porcion = "ola Mun"
porcion = mensaje.substring(3, 4);     // porcion = "a"
Si se indica un final más pequeño que el inicio, JavaScript los considera de forma inversa, ya que automáticamente asigna el valor más pequeño al inicio y el más grande al final:
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(5, 0); // porcion = "Hola "
porcion = mensaje.substring(0, 5);     // porcion = "Hola "
split(separador), convierte una cadena de texto en un array de cadenas de texto. La función parte la cadena de texto determinando sus trozos a partir del carácter separador indicado:
var mensaje = "Hola Mundo, soy una cadena de texto!";
var palabras = mensaje.split(" ");
// palabras = ["Hola", "Mundo,", "soy", "una", "cadena", "de", "texto!"];
Con esta función se pueden extraer fácilmente las letras que forman una palabra:
var palabra = "Hola";
var letras = palabra.split(""); // letras = ["H", "o", "l", "a"]
















martes, 20 de septiembre de 2016

[ SEPTIEMBRE 20 2016]

INICIO CUARTO PERIODO








   JAVASCRIPT

JAVASCRIPT EN DOCUMENTOS HTML
Se ofrece aquí un primer ejemplo en el que se ilustra la integración directa de código JavaScript en un documento HTML:

<html>
<head>
<title>Primer ejemplo de JavaScript</title>
</head>
<body>
Esto es texto normal de un documento HTML
<SCRIPT LANGUAGE="JavaScript"> document.write("Texto generado desde JavaScript")
</script>
Esto es, de nuevo, HTML
</body>
</html>

Como se puede observar, este ejemplo tiene la apariencia de un documento HTML estándar. La única novedad viene dada por la presencia del fragmento correspondiente al código JavaScript:

<script language="JavaScript"> document.write('Texto generado desde Javascript")
</script>

Para poder ver el resultado de su ejecución, bastará con cargar dicho documento con cualquiera de los clientes Web antes mencionados.

La salida, como se aprecia en las figuras adjuntas (para ambos clientes Web), se compone de tres líneas de texto:
- Esto es texto normal de un documento HTML
- Texto generado desde JavaScript
- De nuevo HTML

En realidad no se trata de un script útil, puesto que todo lo que ofrece (mostrar una línea de texto) se podría haber hecho en HTML directamente y, sin duda, con mayor comodidad. Sólo se trata de mostrar el funcionamiento del código <SCRIPT>.

En efecto, cualquier elemento que quede delimitado por los códigos <SCRIPT> y </SCRIPT> se considera código JavaScript .

En este caso particular, se ha utilizado document.write , una de las funciones más importantes de JavaScript, que permite escribir algo en el documento actual (en este caso, el documento HTML que contiene el ejemplo).

http://www.webtaller.com/manual-javascript/javascript-documentos-html.php

[ AGOSTO 30 2016 ]

Acumulativo


Se realizó el acumulativo de tercer período.

Ejercicio en el que tocaba

1.) Hacer una página con un color de fondo, una tabla de 4*2 en la primera columna colocabamos en cada celda el nombre y apellido de los integrantes y en la segunda columna se debía colocar en una celda proyecto a y en la otra celda proyecto b, cuando se le diera click se abriría en otra pestaña el proyecto señalado.

2.)crear una carpeta y nombrarla con los códigos de menor a mayor de los integrantes así : 05_23_

3.) Un documento html dentro de la carpeta