8 de noviembre de 2016
El día de hoy se realizó el acumulativo, consistía en hacer un programa de js a pseint o diagramas de flujo.
El ejercicio era el siguiente:
Leer nombre edad y calcular el promedio de año, si promedio es igual o mayor a 85 escribir, excelente, aprobó, sino, si si promedio es igual o mayor a 75 escribir aprobó, sino, si promedio es igual o mayor a 40, lo siento debe nivelar, sino no puede nivelar
Yo Julián Ricardo Gómez Palencia, junto con mi compañero nicolas armando vasquez rodriguez, logramos obtener la bonificación de materia en 100 por responder el acumulativo en 5 min.
Noviembre 1 de 2016
Este día se hizo la entrega del proyecto.
El proyecto consistía en hacer una pagina web con un template sobre un tema en especifico.
Mi nota fue 84 por varias razones:
- A pesar de que intente hacer los adicionales no me salieron
- No tenía todos los personajes
- No tenía todos los anexos
Mi pagina quedaba de la siguiente forma:
Este día se hizo la entrega del proyecto.
El proyecto consistía en hacer una pagina web con un template sobre un tema en especifico.
Mi nota fue 84 por varias razones:
- A pesar de que intente hacer los adicionales no me salieron
- No tenía todos los personajes
- No tenía todos los anexos
Mi pagina quedaba de la siguiente forma:
25 de octubre
El día de hoy se hizo la introducción de como iba a ser el proyecto.
Tenemos que buscar un template y hacer una pagina con base a este template y al tema que nos correspondió.
Qué es un template?
Un template es un conjunto de archivos que determinan la estructura y el aspecto visual de un sitio web, y tiene como ventaja principal disminuir tiempos y costos de desarrollo.
Un template es la solución ideal para muchos sitios web institucionales, ya que permiten resolver el aspecto gráfico del sitio en forma rápida y eficiente. Por supuesto que dependerá de cada empresa comprar un template o elegir un diseño web a medida.
Como recomendación personal creo que un excelente template puede solucionar en muchos casos el aspecto del diseño de un sitio web, sobre todo cuando se trata de empresas o freelancers que recién comienzan o que no tienen muy definida su imagen corporativa.
Un template les permitirá hacer el lanzamiento del sitio web hasta dos meses antes como así también disminuir el presupuesto final y, al mismo tiempo, quizás permite al equipo de desarrollo poner el esfuerzo en otras cuestiones de funcionalidad, contenidos o bien de SEO que quizás sean más importantes que la cuestión meramente estética.
¿QUÉ ELEMENTOS SE CONTEMPLAN DENTRO DE UN TEMPLATE?
En general se contemplan todos los elementos que tienen que ver con la estructura y el aspecto gráfico de un sitio web.
Entre los elementos más comunes encontramos:
Regiones - Son las áreas donde van los bloques de contenido. En la mayoría de los casos se pueden observar: el encabezado, el contenido principal, las columnas y el pie de página. Luego según el template y las opciones que tenga, podemos contar con otro tipo de regiones para darle mayor flexibilidad al sitio.
Gama de colores - Por lo general se utilizan entre dos y tres colores principales que hacen a la estética del sitio. Podemos tener un color de base para el fondo, otro color para los links, y finalmente otro color que se puede aplicar en algunas regiones como el header y el footer.
Si el template es flexible entonces debería permitir fácilmente la adaptación de la gama de colores del sitio. Por ejemplo OpenPyme utiliza un template muy flexible y permite adaptar los colores según cada necesidad.
Tipografías - Un template contempla los tamaños que deberían tener las tipografías, como así también el tipo de fuente a utilizar a lo largo de todo el sitio. Se van a definir los estilos para los headings (h1, h2, h3, h4), como así también para los párrafos de texto, viñetas, textos en el footer y demás textos que hacen a los contenidos del sitio.
Menúes de navegación - Por lo general se contempla un menú principal y uno secundario. Es importante que el diseño del menú principal esté cuidadosamente diseñado. Que sea legible y quede claro cuando el usuario hace hover sobre el botón. El menú principal del sitio es el medio de navegación que tiene el usuario y por ende también debería ser un elemento atractivo y agradable a la vista.
Botones - Los botones son fundamentales en el sentido que los entendamos como verdaderos call to action. Es decir como elementos donde queremos que el usuario haga click para que interactúe con el sitio.
Formularios - En todo sitio web hay al menos un formulario de contacto que tiene elementos como las etiquetas (labels) y los cuadros de texto (form-text). El diseño de los formularios también se contempla en todo template y es muy importante cuidar la legibilidad del texto (contraste y tamaño de la fuente), para que la persona que completa el formulario no se sienta frustrada.
Cada uno de estos elementos se deberían relacionan armónicamente para darle consistencia y coherencia a todo el aspecto visual del sitio web. Y esto es lo que diferencia en principio a un excelente template de uno de mediana o baja calidad.
Un template de excelencia no solo tiene la versatilidad y flexibilidad que uno necesita, sino que también tiene ese cuidado y prolijidad en todos sus elementos que terminan siendo cualidades diferenciales.
VENTAJAS DE USAR UN TEMPLATE
Acortar los tiempos - Si utilizás un template podés lanzar tu sitio web hasta dos meses antes (que es el tiempo mínimo que puede llevar hacer un diseño a medida e implementarlo). Para muchos negocios, el tiempo de salida al mercado (lanzamientos) es fundamental, por lo que todo lo que no sea absolutamente importante debería ser solucionado poniendo la practicidad como principal criterio. La utilización de templates es una excelente manera de ser práctico.
Reducir valores de inversión - Directamente relacionado al punto anterior, dos meses menos de esfuerzo puesto en la implementación de un diseño a medido se traduce automáticamente a los cAl mismo tiempo podés reducir los valores de inversión, hasta un máximo (para la parte de implementación del diseño) de un 80%.
Calidad final - Un template se actualiza permanentemente. También se testea y puede recibir feedback de una comunidad de usuarios para que el desarrollador lo siga mejorando. En este sentido un template puede resultar en una solución de primerísimo nivel, testeada y revisada en más de una ocasión. Se mejoran permanentemente cuestiones que tienen que ver con el código, la compatibilidad con los navegadores, la documentación, etc.
http://www.glidea.com.ar/blog/que-es-un-template
El día de hoy se hizo la introducción de como iba a ser el proyecto.
Tenemos que buscar un template y hacer una pagina con base a este template y al tema que nos correspondió.
Qué es un template?
Un template es un conjunto de archivos que determinan la estructura y el aspecto visual de un sitio web, y tiene como ventaja principal disminuir tiempos y costos de desarrollo.
Un template es la solución ideal para muchos sitios web institucionales, ya que permiten resolver el aspecto gráfico del sitio en forma rápida y eficiente. Por supuesto que dependerá de cada empresa comprar un template o elegir un diseño web a medida.
Como recomendación personal creo que un excelente template puede solucionar en muchos casos el aspecto del diseño de un sitio web, sobre todo cuando se trata de empresas o freelancers que recién comienzan o que no tienen muy definida su imagen corporativa.
Un template les permitirá hacer el lanzamiento del sitio web hasta dos meses antes como así también disminuir el presupuesto final y, al mismo tiempo, quizás permite al equipo de desarrollo poner el esfuerzo en otras cuestiones de funcionalidad, contenidos o bien de SEO que quizás sean más importantes que la cuestión meramente estética.
¿QUÉ ELEMENTOS SE CONTEMPLAN DENTRO DE UN TEMPLATE?
En general se contemplan todos los elementos que tienen que ver con la estructura y el aspecto gráfico de un sitio web.
Entre los elementos más comunes encontramos:
Regiones - Son las áreas donde van los bloques de contenido. En la mayoría de los casos se pueden observar: el encabezado, el contenido principal, las columnas y el pie de página. Luego según el template y las opciones que tenga, podemos contar con otro tipo de regiones para darle mayor flexibilidad al sitio.
Gama de colores - Por lo general se utilizan entre dos y tres colores principales que hacen a la estética del sitio. Podemos tener un color de base para el fondo, otro color para los links, y finalmente otro color que se puede aplicar en algunas regiones como el header y el footer.
Si el template es flexible entonces debería permitir fácilmente la adaptación de la gama de colores del sitio. Por ejemplo OpenPyme utiliza un template muy flexible y permite adaptar los colores según cada necesidad.
Tipografías - Un template contempla los tamaños que deberían tener las tipografías, como así también el tipo de fuente a utilizar a lo largo de todo el sitio. Se van a definir los estilos para los headings (h1, h2, h3, h4), como así también para los párrafos de texto, viñetas, textos en el footer y demás textos que hacen a los contenidos del sitio.
Menúes de navegación - Por lo general se contempla un menú principal y uno secundario. Es importante que el diseño del menú principal esté cuidadosamente diseñado. Que sea legible y quede claro cuando el usuario hace hover sobre el botón. El menú principal del sitio es el medio de navegación que tiene el usuario y por ende también debería ser un elemento atractivo y agradable a la vista.
Botones - Los botones son fundamentales en el sentido que los entendamos como verdaderos call to action. Es decir como elementos donde queremos que el usuario haga click para que interactúe con el sitio.
Formularios - En todo sitio web hay al menos un formulario de contacto que tiene elementos como las etiquetas (labels) y los cuadros de texto (form-text). El diseño de los formularios también se contempla en todo template y es muy importante cuidar la legibilidad del texto (contraste y tamaño de la fuente), para que la persona que completa el formulario no se sienta frustrada.
Cada uno de estos elementos se deberían relacionan armónicamente para darle consistencia y coherencia a todo el aspecto visual del sitio web. Y esto es lo que diferencia en principio a un excelente template de uno de mediana o baja calidad.
Un template de excelencia no solo tiene la versatilidad y flexibilidad que uno necesita, sino que también tiene ese cuidado y prolijidad en todos sus elementos que terminan siendo cualidades diferenciales.
VENTAJAS DE USAR UN TEMPLATE
Acortar los tiempos - Si utilizás un template podés lanzar tu sitio web hasta dos meses antes (que es el tiempo mínimo que puede llevar hacer un diseño a medida e implementarlo). Para muchos negocios, el tiempo de salida al mercado (lanzamientos) es fundamental, por lo que todo lo que no sea absolutamente importante debería ser solucionado poniendo la practicidad como principal criterio. La utilización de templates es una excelente manera de ser práctico.
Reducir valores de inversión - Directamente relacionado al punto anterior, dos meses menos de esfuerzo puesto en la implementación de un diseño a medido se traduce automáticamente a los cAl mismo tiempo podés reducir los valores de inversión, hasta un máximo (para la parte de implementación del diseño) de un 80%.
Calidad final - Un template se actualiza permanentemente. También se testea y puede recibir feedback de una comunidad de usuarios para que el desarrollador lo siga mejorando. En este sentido un template puede resultar en una solución de primerísimo nivel, testeada y revisada en más de una ocasión. Se mejoran permanentemente cuestiones que tienen que ver con el código, la compatibilidad con los navegadores, la documentación, etc.
http://www.glidea.com.ar/blog/que-es-un-template
Octubre 18 de 2016
Hoy se realizó la evaluación de ventanas emergentes. Esta tenía las siguientes preguntas:
1. Qué es una ventana emergente?
2. Dirección web de donde sacó la información
3. Código
Desarrollo:
1. es una ventana que aparece encima del navegador al dar click en un lugar específico
2. http://es.ccm.net/faq/4403-crear-una-ventana-emergente-popup-con-javascript
3. function popup(){
window.open("https://www.youtube.com/" , "youtube" , "width=600" , "height=600");}
<a href="https://www.google.com.co/" target="_blank" onclick="javascript:popup()"> Google y youtube </a>
También se dieron pautas para la realización del proyecto que iba a contar como acumulativo.
Para la realización de este tenemos que descargar un template y llevar información sobre el tema que nos tocó
Octubre 11 de 2016
Hoy se resolvieron dudas acerca de otras funciones de javascript, Como:
Confirm se usa para que aparezca en pantalla un cuadro con una pregunta en donde solo hay dos opciones de respuesta, una es aceptar y la otra es cancelar (true y false respectivamente)
<html>
<head><title></title></head>
<body>
<script>
if (confirm("Hola, ¿eres mayor de edad?"))
{alert("Bienvenido al sitio web.");}
else
{alert("Lo siento, no eres mayor de edad")}
</script>
</body>
</html>
con funciones:
Hoy se resolvieron dudas acerca de otras funciones de javascript, Como:
Confirm se usa para que aparezca en pantalla un cuadro con una pregunta en donde solo hay dos opciones de respuesta, una es aceptar y la otra es cancelar (true y false respectivamente)
<html>
<head><title></title></head>
<body>
<script>
if (confirm("Hola, ¿eres mayor de edad?"))
{alert("Bienvenido al sitio web.");}
else
{alert("Lo siento, no eres mayor de edad")}
</script>
</body>
</html>
con funciones:
<html>
<head>
<meta charset="UTF-8">
<title>Funciones</title>
</head>
<body>
<script>
function ejemploresta()
{resultado = numero1 - numero2;
document.write(resultado + "<hr>");}
var numero1 = 54
var numero2 = 32
ejemploresta();
var numero1 = 165
var numero2 = 132
ejemploresta();
document.write("<br><br><hr>");
function ejemplosuma(primernumero,segundonumero)
{resultado = primernumero + segundonumero;
document.write(resultado + "<hr>"); return resultado;}
ejemplosuma(65,549);
ejemplosuma(52,195);
ejemplosuma(15,165);
document.write(resultado);
</script>
</body>
</html>
4 de octubre de 2016
Continuamos viendo javascript:
Substring:
var mensaje="Hola mundo"
porcion-1=mensaje.substring(2);//porcion="la mundo"
porcion2=mensaje.substring(5);
Esta variable lo que hace es substraer la información.
ejemplo:
<html>
<head><title></title></head>
<script>
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(2); // porcion = "la Mundo"
porcion = mensaje.substring(5); // porcion = "Mundo"
porcion = mensaje.substring(7); // porcion = "ndo"
</script>
<body>
</body>
</html>
Mensaje.split= para separar las palabras y colocarlas independientes
ejemplo:
<html>
<head><title></title></head>
<script>
var mensaje = "Hola Mundo, soy una cadena de texto!";
var palabras = mensaje.split(" ");
// palabras = ["Hola", "Mundo,", "soy", "una", "cadena", "de", "texto!"];
</script>
<body>
</body>
</html>
ciclo for
for (i=2; i<=6; i+=2){
document.write(palabras1[i]+" ")
}
tangente hiperbolica
x=60
alert(math.tanh(x));
Continuamos viendo javascript:
Substring:
var mensaje="Hola mundo"
porcion-1=mensaje.substring(2);//porcion="la mundo"
porcion2=mensaje.substring(5);
Esta variable lo que hace es substraer la información.
ejemplo:
<html>
<head><title></title></head>
<script>
var mensaje = "Hola Mundo";
var porcion = mensaje.substring(2); // porcion = "la Mundo"
porcion = mensaje.substring(5); // porcion = "Mundo"
porcion = mensaje.substring(7); // porcion = "ndo"
</script>
<body>
</body>
</html>
Mensaje.split= para separar las palabras y colocarlas independientes
ejemplo:
<html>
<head><title></title></head>
<script>
var mensaje = "Hola Mundo, soy una cadena de texto!";
var palabras = mensaje.split(" ");
// palabras = ["Hola", "Mundo,", "soy", "una", "cadena", "de", "texto!"];
</script>
<body>
</body>
</html>
ciclo for
for (i=2; i<=6; i+=2){
document.write(palabras1[i]+" ")
}
x=60
alert(math.tanh(x));
Septiembre 27 de 2016
Hoy hicimos una evaluación de javascript y resolvimos dudas.
<html>
<head><title></title></head>
<script>
var suma;
var resta;
var mult;
var numero1 = 3;
var numero2 = 5;
suma = numero1 + numero2;
resta = numero1 - numero2;
mult = numero1 * numero2;
document.write("el resultado de la suma es" + suma);
document.write("el resultado de la resta" + resta);
document.write("el resultado de la mult es" + mult);
var div
if numero2 = 0 {
document.write("error matematico");
} else {
div = numero1/numero2;
}
</script>
<body>
</body>
</html>
La etiqueta prompt sirve para que el usuario que entra la pagina pueda insertar los valores de las variables.
Se pueden hacer muchas operaciones matematicas como:
Hoy hicimos una evaluación de javascript y resolvimos dudas.
<html>
<head><title></title></head>
<script>
var suma;
var resta;
var mult;
var numero1 = 3;
var numero2 = 5;
suma = numero1 + numero2;
resta = numero1 - numero2;
mult = numero1 * numero2;
document.write("el resultado de la suma es" + suma);
document.write("el resultado de la resta" + resta);
document.write("el resultado de la mult es" + mult);
var div
if numero2 = 0 {
document.write("error matematico");
} else {
div = numero1/numero2;
}
</script>
<body>
</body>
</html>
La etiqueta prompt sirve para que el usuario que entra la pagina pueda insertar los valores de las variables.
Se pueden hacer muchas operaciones matematicas como:
Como realizar sumas de dos o mas números
1
2
| var operador1, operador2, suma;suma = operador1 + operador2; |
Realizar resta (diferencia) de dos números
1
2
| var operador1, operador2, resta;resta = operador1 - operador2; |
Multiplicación
1
2
| var operador1, operador2, multiplicacion;multiplicacion = operador1 * operador2; |
División
1
2
| var divisor, dividendo, division;division = divisor / dividendo; |
Potencia de un número
1
| var potenica = Math.pow() |
Raíz cuadrada
1
2
| var raizCuadrara = Math.sqrt(9);alert(raizCuadrara); |
Redondear un valor
1
2
| var redondea = Math.round(9.45);alert("Valor redondeado 9.45= "+redondea); |
Redondear un número al entero mas cercano
1
2
| redondea = Math.ceil(9.01);alert("Valor ceil 9.01= "+redondea); |
Decrementar al entero inferior
1
2
| redondea = Math.min(9.01);alert("Valor min 9.01= "+redondea); |
Decrementar al entero inferior
1
2
| redondea = Math.floor(9.99);alert("Valor floor 9.99= "+redondea); |
// //decrementar al entero inferior
Obtener el valor máximo de una serie de valores
1
2
| var valorMaximo = Math.max(20,15,10,3,28,64,74,13,76);alert("El valor maximo es:"+valorMaximo); |
// //Valor maximo de una serie de valores
Obtener el valor mínimo de una serie de valores
1
2
| var valorMaximo = Math.min(20,15,10,3,28,64,74,13,76);alert("El valor minimo es:"+valorMaximo); |
// //Valor maximo de una serie de valores
Valor absoluto de un número
1
2
| var absoluto = Math.abs(-10);alert(absoluto); |
// // valor absoluto
Calcular el seno de un número
1
2
| var seno = Math.sin(30);alert("El seno de 30 = "+seno); |
// // Seno
Calcular el coseno de un número
1
2
| var coseno = Math.cos(30);alert("El coseno de 30 = "+coseno); |
// // Coseno
Generar un número aleatorio
1
2
| var aleatorio = Math.random();alert(aleatorio); |
// //Generar valor aleatorio
Generar un número aleatorio de 0 a X
1
2
| var aleatorio = Math.floor(Math.random()*101);alert(aleatorio); |
// //Generar valor aleatorio entre 0 a 100
Generar un número aleatorio de 0 a X con decimales
//Generar valor aleatorio entre 0 a 10
1
2
| var aleatorio = Math.floor(Math.random()*10) + Math.random();alert(aleatorio); |
Obtener el valor de PI
1
| alert(Math.PI); |
Suscribirse a:
Entradas (Atom)
