Ir al contenido principal

Entradas

Mostrando entradas de enero, 2015

Campos automaticos con javascript y jquery -parte 2

Bueno luego de haber creado la estructura básica que necesitamos para hacer nuestros campos automáticos, ahora toca la parte dinámica de dichos campos. $("#addToDOM").click(function(){ var object_toAdd = ""; //nombre del producto var description = $("#id_producto :selected").text(); //precio del producto var price = $("#id_producto").val(); //cantidad var quantity = $(".cantidad").val(); var result = parseFloat(price) * parseInt(quantity); if(price.trim() === '') { object_toAdd += ' \ \ Error: \ Debe seleccionar un producto\ '; $(object_toAdd).appendTo("#Adds"); } else { $(".alert-danger").remove(); if(quantity.trim()

De esas cosas que siempre hay que tener en cuenta - Bill Gates

Discurso de Bill Gates: Las 11 Reglas de la Vida que tus Hijos no Aprenderán en el Colegio Bill Gates volvió recientemente a su antiguo instituto a dar un discurso a los alumnos, y entre todas las cosas que les dijo recalcó 11 reglas de vida para que tuvieran en cuenta los chicos: Regla Uno - La vida no es justa, acostúmbrate a ello. Regla Dos - Al mundo no le importará tu autoestima. El mundo esperará que logres algo, independientemente de que te sientas bien o no contigo mismo. Regla Tres - No ganarás US$5.000 mensuales justo después de haber salido de la escuela, y no serás el vicepresidente de una empresa, con coche gratis, hasta que hayas terminado el instituto, estudiado y trabajado mucho. Regla Cuatro - Si piensas que tu profesor es duro, espera a que tengas un jefe. Ese sí que no tendrá vocación de enseñanza ni la paciencia requerida. Regla Cinco - Dedicarse a voltear hamburguesas no te quita dignidad. Tus abuelos tenían una palabra diferente para describirlo: le

Campos automaticos con javascript y JQuery -Parte 1

El dinamismo que te ofrece una web hoy en día es increíble, me recuerdo que haya por 2003 haciendo mis primero pinines en HTML todo era hecho con tablas al igual que casi todo lo demás, headers, menus, contents, footers, etc. Ahora tenemos la dicha de hacer cosas inimaginables a esa época, animaciones increíbles, contenido totalmente dinámico, canvas y no se cuantas cosas mas ya que básicamente el front-end es inmenso. Pero en esta ocasión vengo a mostrarles como se crean los campos dinámicos. Hace no mucho tiempo atrás me toco que investigar sobre el caso de campos dinámicos, tanto para un trabajo que me solicitaron, como para un proyecto de la Universidad y me di cuenta que existen muchas maneras de hacerlos, unas mas complejas que otras (si tuviera los link a mano, los dejara acá para que ustedes los estudiaran detenidamente). Pero no solo simples campos dinámicos que básicamente se pueden hacer sin mas ni mas con un simple click en algún botón, sino que campos que te permitan h

Crear circulo con texto usando CSS

Bueno el usar CSS para hacer efectos junto con javascript es el pan de cada día de muchos de los que nos dedicamos al front-end y uno que siempre me a gustado es crear tanto botones a partir de unas cuantas lineas con CSS, aunque claro, esto no sera un boton sino un circulo con texto dentro de él. El resultado sera algo como lo siguiente: 1 No es nada complicado hacer algo como eso cuando se tiene cierta practica y el código es el siguiente HTML Como el editor de mi blog no me deja crear lo que quiero, diré que simplemente es un DIV con un ID lógicamente llamado circulo y que dentro de el contiene el texto a mostrar (en el caso del ejemplo solo es un número) CSS #circulo { height: 100px; width: 100px; display: table-cell; text-align: center; font-size:36px; vertical-align: middle; border-radius: 50%; background: #8CC657; } Y bueno eso es todo para esta entrada, espero les haya gustado este micro-post, bueno ademas les colo un link para que lo vean en vivo

Dos libros para iniciar en javascript

Vale, no pondré link de donde se pueden descargar, eso nunca a sido la idea del blog, pero si que tengo que hacer la recomendación para estos dos libros que prácticamente deberían de ser mas que esenciales si te gusta el desarrollo de front-end, desarrollo web y como no olvidarlo crossplataform. De manera rápida y precisa seria en este orden: Supongamos que no conoces nada de javascript y que es la primera vez que intentas adentrar a ese lenguaje, la mejor elección para ese caso es el libro con el rinoceronte (la guía definitiva 6º edición) ya que esta actualmente en español y cuenta con una semántica que te acompaña de la mano (Y si eres estudiante de la UTEC déjame contarte que se encuentra en la biblioteca central). Si ya conoces algo, como declaración de variables, uso básico de funciones entre otras cosas mi recomendación personal ( y de GenbetaDev ) es Speaking Javascript ya que esta hecho de una manera genial e intuitiva y lo mejor de todo es que podemos acceder a el de