tag:blogger.com,1999:blog-5207091589852851592012-02-13T11:54:53.729-08:00Seguidor de las tecnologías web, autodidacta, amante de la programación y de las nuevas tecnologías.Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-520709158985285159.post-70453085583824650872010-07-10T03:22:00.000-07:002010-07-14T14:27:22.339-07:002010-07-14T14:27:22.339-07:00En este nuevo video expongo sobre el plugin de Jquery validation que nos permite validar de forma rápida los formularios, es un plugin muy útil debido a que tiene validaciones ya predefinidas que nos hace desarrollar mucho mas rápida esa tarea de validar los campos del formulario y nos entrega mensajes atractivos y totalmente personalizables. Tambien el video para descargar junto con los archivos usados de ejemplo... <br /> <a name='more'></a><br /> <object height="450" width="600"><param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=13225272&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /> <embed src="http://vimeo.com/moogaloop.swf?clip_id=13225272&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><br /> <a href="http://vimeo.com/13225272">Jquery Plugin Validation</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com/">Vimeo</a>.<br /> Pagina del plugin: http://bassistance.de/jquery-plugins/jquery-plugin-validation/<br /> <br /> link para descargar... <a href="http://www.cesar.descargas2010.com/jquery/jqueryvalidation.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a><br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-7045308558382465087?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/7Ly2PxOPdtpGnueWGqZVuXvy-as/0/da"><img src="http://feedads.g.doubleclick.net/~a/7Ly2PxOPdtpGnueWGqZVuXvy-as/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/7Ly2PxOPdtpGnueWGqZVuXvy-as/1/da"><img src="http://feedads.g.doubleclick.net/~a/7Ly2PxOPdtpGnueWGqZVuXvy-as/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/5Lz6O2aNhf4" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com51http://fdoyanes.blogspot.com/2010/07/jquery-plugin-validation.htmltag:blogger.com,1999:blog-520709158985285159.post-25751892988138306012010-06-06T15:23:00.000-07:002010-06-06T15:23:37.714-07:002010-06-06T15:23:37.714-07:00El tema en esta oportunidad es ajax, trabajamos asincronicamente con el servidor, mostrando páginas sin recargar el navegador, en este tutorial vemos como trabaja el método load y el componente de bajo nivel ajax que tiene infinidad de opciones aquí se trata lo principal para poder trabajar. aproximadamente media hora de charla sobre estos temas y como siempre de manera muy practica.<br /> <br /> <a name='more'></a><br /> <object height="450" width="600"><param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12345059&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /> <embed src="http://vimeo.com/moogaloop.swf?clip_id=12345059&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><br /> <a href="http://vimeo.com/12345059">10. Videotutorial de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com/">Vimeo</a>. <br /> link para descargar... <a href="http://www.cesar.descargas2010.com/jquery/vt10.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-2575189298813830601?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/MhFyIcElwLQHGSiuU7COCV7NgG0/0/da"><img src="http://feedads.g.doubleclick.net/~a/MhFyIcElwLQHGSiuU7COCV7NgG0/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/MhFyIcElwLQHGSiuU7COCV7NgG0/1/da"><img src="http://feedads.g.doubleclick.net/~a/MhFyIcElwLQHGSiuU7COCV7NgG0/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/LOp25xjWJBU" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com25http://fdoyanes.blogspot.com/2010/06/10-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-85891742908898193242010-06-04T15:37:00.000-07:002010-06-04T15:37:28.416-07:002010-06-04T15:37:28.416-07:00<span class="Apple-style-span" style="line-height: 24px;"><span class="Apple-style-span" style="font-family: inherit;">En este videotutorial vemos el funcionamiento de los siguientes métodos: eq, first, last. has, is, not, add, end, andSelf, slice, map, filter. Básicamente estos métodos nos ayudan a seleccionar fuera del selector lo que en algunas ocasiones no resultara de mucha utilidad. aproximadamente 35 minutos de charla y como siempre 100% practico.</span></span><br /> <span class="Apple-style-span" style="line-height: 24px;"><span class="Apple-style-span" style="font-family: inherit;"></span></span><br /> <span class="Apple-style-span" style="line-height: 24px;"><span class="Apple-style-span" style="font-family: inherit;"><a name='more'></a></span></span> <object width="600" height="450"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12300907&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12300907&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><p><a href="http://vimeo.com/12300907">09. Videotutorial de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com">Vimeo</a>.</p> <br /> link para descargar... <a href="http://www.cesar.descargas2010.com/jquery/vt9.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-8589174290889819324?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/LeZIbKqcUcOrpGfQXEbLmXF-5A8/0/da"><img src="http://feedads.g.doubleclick.net/~a/LeZIbKqcUcOrpGfQXEbLmXF-5A8/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/LeZIbKqcUcOrpGfQXEbLmXF-5A8/1/da"><img src="http://feedads.g.doubleclick.net/~a/LeZIbKqcUcOrpGfQXEbLmXF-5A8/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/juHZQlqH7yQ" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com4http://fdoyanes.blogspot.com/2010/06/09-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-25630244026608070402010-05-18T17:29:00.000-07:002010-05-22T17:50:12.662-07:002010-05-22T17:50:12.662-07:00Hablamos de como movernos dentro los niveles de jerarquía &nbsp;que tienen los documentos html. con funciones jquery como children, parent, parents, parentsUntil, offsetParent, next, nextAll, nextUntil, prev, prevUntil, prevAll, siblings, closest, find... aproximadamente 37 minutos de charla....<br /> <br /> <a name='more'></a><br /> <object height="450" width="600"><param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11852663&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /> <embed src="http://vimeo.com/moogaloop.swf?clip_id=11852663&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><br /> <a href="http://vimeo.com/11852663">08. Videotutorial de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com/">Vimeo</a>.<br /> <br /> link para descargar... <a href="http://www.cesar.descargas2010.com/jquery/vt8.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-2563024402660807040?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/uC98dwVg8DL3MCfUefO7DHtKgV0/0/da"><img src="http://feedads.g.doubleclick.net/~a/uC98dwVg8DL3MCfUefO7DHtKgV0/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/uC98dwVg8DL3MCfUefO7DHtKgV0/1/da"><img src="http://feedads.g.doubleclick.net/~a/uC98dwVg8DL3MCfUefO7DHtKgV0/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/9HcDGMTMMQc" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com8http://fdoyanes.blogspot.com/2010/05/08-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-55843731409191634812010-04-27T21:38:00.000-07:002010-05-22T17:50:12.663-07:002010-05-22T17:50:12.663-07:00En este videotutorial tratamos los temas de como insertar contenido dentro de nuestro documento html, tratamos los métodos: append, appendTo, prepend, prependTo, before, insertBefore, after, insertAfter, wrap, unwrap, wrapAll, wrapInner. También veremos la forma de como remplazar etiquetas por otra etiqueta algo muy interesante y sencillo, y lo haremos a través de los métodos: replaceWith y replaceAll, y veremos también como remover y copiar etiquetas con los métodos: detach, empty, remove, clone. Aquí vemos algunos métodos que se han introducido en la ultima versión de jquery 1.4.2. aproximadamente 34 minutos de charla con ejemplos simples como a sido la tónica del curso.<br /> <br /> <a name='more'></a><br /> <object width="600" height="450"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11286328&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11286328&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><p><a href="http://vimeo.com/11286328">07. Videotutorial de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com">Vimeo</a>.</p> <br /> link para descargar... <a href="http://www.cesar.descargas2010.com/jquery/vt7.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-5584373140919163481?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/y36SXdpN1n3a67dwtxcRgLM6fS4/0/da"><img src="http://feedads.g.doubleclick.net/~a/y36SXdpN1n3a67dwtxcRgLM6fS4/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/y36SXdpN1n3a67dwtxcRgLM6fS4/1/da"><img src="http://feedads.g.doubleclick.net/~a/y36SXdpN1n3a67dwtxcRgLM6fS4/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/cuTAB2y5O4Q" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com7http://fdoyanes.blogspot.com/2010/04/07-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-29898186612599778482010-04-24T03:53:00.000-07:002010-05-22T17:50:12.663-07:002010-05-22T17:50:12.663-07:00En este videotutorial tratamos los temas de como manejar css desde jquery usamos los métodos css, addAclass,removeClass, toggleClass etc.... También trabajamos con metodos que nos permitían posicionar nuestros objetos dentro del documento los métodos fueron offset y position, aproximadamente 25 minutos de charla...<br /> <br /> <a name='more'></a><br /> <object width="600" height="450"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11183968&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11183968&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><p><a href="http://vimeo.com/11183968">06. Videotutorial de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com">Vimeo</a>.</p> <br /> link para descargar... <a href="http://www.cesar.descargas2010.com/jquery/vt6.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-2989818661259977848?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/sHU7ow36AWPtIho6cX3LT6rWge4/0/da"><img src="http://feedads.g.doubleclick.net/~a/sHU7ow36AWPtIho6cX3LT6rWge4/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/sHU7ow36AWPtIho6cX3LT6rWge4/1/da"><img src="http://feedads.g.doubleclick.net/~a/sHU7ow36AWPtIho6cX3LT6rWge4/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/Kbx7hTmnHUU" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com15http://fdoyanes.blogspot.com/2010/04/06-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-24629985718600220752010-04-14T18:40:00.000-07:002010-05-22T17:50:12.664-07:002010-05-22T17:50:12.664-07:00trabajamos con&nbsp;métodos&nbsp;mas&nbsp;específicos&nbsp;para manejar eventos y hacemos un ejemplo practico cambiando las luces de un&nbsp;semáforo, trabajamos con metodos como one, trigger, triggerHandler, toggle.. etc..<br /> casi 27 minutos de charla...<br /> <br /> <a name='more'></a><br /> <object width="600" height="450"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10940275&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=10940275&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><p><a href="http://vimeo.com/10940275">05. Videotutorial de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com">Vimeo</a>.</p> <br /> link para descargar.. <a href="http://www.cesar.descargas2010.com/jquery/vt5.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-2462998571860022075?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/frC0Arxdj-wqXXeVce0EnGcvDQE/0/da"><img src="http://feedads.g.doubleclick.net/~a/frC0Arxdj-wqXXeVce0EnGcvDQE/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/frC0Arxdj-wqXXeVce0EnGcvDQE/1/da"><img src="http://feedads.g.doubleclick.net/~a/frC0Arxdj-wqXXeVce0EnGcvDQE/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/w3GzB69OMCo" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com9http://fdoyanes.blogspot.com/2010/04/05-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-28690489048299147082010-04-03T15:44:00.000-07:002010-05-22T17:50:12.664-07:002010-05-22T17:50:12.664-07:00Videotutorial donde comenzamos a ver los eventos principales para poder darle interactividad a nuestros elementos del DOM, tocamos click, bind, live y delegate, casi 33 minutos de charla...<br /> <br /> <a name='more'></a><br /><br /> <object height="450" width="600"><param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10653795&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /> <embed src="http://vimeo.com/moogaloop.swf?clip_id=10653795&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><br /> <a href="http://vimeo.com/10653795">04. Videotutorial de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com/">Vimeo</a>.<br /> link para descargar.. <a href="http://www.cesar.descargas2010.com/jquery/vt4.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-2869048904829914708?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/P9lJ-HU_MkFsQOCSN8CynhaA_tc/0/da"><img src="http://feedads.g.doubleclick.net/~a/P9lJ-HU_MkFsQOCSN8CynhaA_tc/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/P9lJ-HU_MkFsQOCSN8CynhaA_tc/1/da"><img src="http://feedads.g.doubleclick.net/~a/P9lJ-HU_MkFsQOCSN8CynhaA_tc/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/nXUbMnxgX_g" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com14http://fdoyanes.blogspot.com/2010/04/04-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-68927194815417093622010-03-29T11:13:00.000-07:002010-05-22T17:50:12.664-07:002010-05-22T17:50:12.664-07:00Tercer videotutorial dedicado al manejo de atributos, seguimos avanzando en la documentación de jquery, lento pero seguro, para tener una buena base para ya mas adelante hacer cosas de tipo mas complejas, esta parte es muy importante ternela clara,&nbsp;&nbsp;aproximadamente 27 minutos de charla.<br /> <br /> <a name='more'></a><br /><br /> <object height="450" width="600"><param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10507546&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /> <embed src="http://vimeo.com/moogaloop.swf?clip_id=10507546&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="450"></embed></object><br /> <a href="http://vimeo.com/10507546">03. Videotutorial de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com/">Vimeo</a>.<br /> &nbsp;los selectores que tocamos en este tuto son loas siguientes:<br /> link para descargar.. <a href="http://www.cesar.descargas2010.com/jquery/vt3.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a> <br /> <div class="javascript" style="background-color: #f0f0f0; border: 1px solid #d0d0d0; color: #000066; font-family: monospace;"> <ol> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"img"</span><span style="color: #009900;">)</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"img"</span><span style="color: #009900;">)</span>.<span style="color: #660066;">addClass</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"img"</span><span style="color: #009900;">)</span>.<span style="color: #660066;">text</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"img"</span><span style="color: #009900;">)</span>.<span style="color: #660066;">html</span><span style="color: #339933;">;</span></div> </li> <li style="color: #006060; font-weight: bold; font-weight: bold; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"img"</span><span style="color: #009900;">)</span>.<span style="color: #660066;">val</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> </ol> </div> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-6892719481541709362?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/74-TMF6eAIxKu8vVACH1IqLm_jg/0/da"><img src="http://feedads.g.doubleclick.net/~a/74-TMF6eAIxKu8vVACH1IqLm_jg/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/74-TMF6eAIxKu8vVACH1IqLm_jg/1/da"><img src="http://feedads.g.doubleclick.net/~a/74-TMF6eAIxKu8vVACH1IqLm_jg/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/lHcctlsmtVk" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com8http://fdoyanes.blogspot.com/2010/03/03-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-75208289477718262922010-03-24T17:42:00.000-07:002010-05-22T17:50:12.665-07:002010-05-22T17:50:12.665-07:00En este tutorial tocamos los temas de los filtros que son muy importantes para poder ubicar elementos mas&nbsp;específicos&nbsp;dentro del documento html, tratamos algunos como :first, :last, :eq, :even:, :odd, :lt, :gt, :has, etc...<br /> aproximandamente 25 minutos de charla....<br /> <br /> <a name='more'></a><br /><br /> <object height="400" width="533"><param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10419081&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /> <embed src="http://vimeo.com/moogaloop.swf?clip_id=10419081&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="533" height="400"></embed></object><br /> <a href="http://vimeo.com/10419081">02. Videotutorial Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com/">Vimeo</a>.<br /> <br /> <br /> link para descargar... <a href="http://www.cesar.descargas2010.com/jquery/vt2.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a> <br /> <div class="javascript" style="background-color: #f0f0f0; border: 1px solid #d0d0d0; color: #000066; font-family: monospace;"> <ol> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span>document<span style="color: #009900;">)</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:first"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:last"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:eq(2)"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #006060; font-weight: bold; font-weight: bold; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:even"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:odd"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:lt(4)"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:gt(3)"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"tr td:nthchild(1)"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #006060; font-weight: bold; font-weight: bold; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:not(.unico)"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div:has(p)"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div[id]"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div[id=unico]"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div[id$=unico]"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #006060; font-weight: bold; font-weight: bold; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div[id^=unico]"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div[id!=unico]"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div[id][id!=unico]"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span></div> </li> <li style="color: #003030; font-weight: normal; font: normal normal 130% 'Courier New', Courier, monospace; vertical-align: top;"><br /> <div style="background: none; color: #000020; font: normal normal 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top;"> <span style="color: #009900;">}</span><span style="color: #009900;">)</span></div> </li> </ol> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-7520828947771826292?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/XIQX7TOJpCl3xKKfRrbL3zqKyEg/0/da"><img src="http://feedads.g.doubleclick.net/~a/XIQX7TOJpCl3xKKfRrbL3zqKyEg/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/XIQX7TOJpCl3xKKfRrbL3zqKyEg/1/da"><img src="http://feedads.g.doubleclick.net/~a/XIQX7TOJpCl3xKKfRrbL3zqKyEg/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/fk4JiTbGRAI" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com20http://fdoyanes.blogspot.com/2010/03/02-videotutorial-de-jquery.htmltag:blogger.com,1999:blog-520709158985285159.post-64946266469714867052010-03-21T22:30:00.001-07:002010-05-22T17:50:12.665-07:002010-05-22T17:50:12.665-07:00Aquí hacemos una introducción a Jquery y a los selectores que son muy importante para el manejo de elementos dentro del documento html. Manejamos etiquetas, identificadores, descendientes etc...<br /> aproximadamente 17 minutos de charla.... saludos....<br /> <br /> <a name='more'></a><br /><br /> <object height="600" width="400"><param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10320621&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /> <embed src="http://vimeo.com/moogaloop.swf?clip_id=10320621&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="400"></embed></object><br /> <a href="http://vimeo.com/10320621">Videotutorial Nº1 de Jquery</a> from <a href="http://vimeo.com/user2492658">Fernando Yanes</a> on <a href="http://vimeo.com/">Vimeo</a>.<br /> Aqui tenemos el enlace para descargar.. <a href="http://www.cesar.descargas2010.com/jquery/vt1.rar"><img src="http://lh6.ggpht.com/_n-cRWLDM0oM/S7dngPhGsDI/AAAAAAAAADI/awCLtJIBlAU/s800/download.png" /></a> <br /> <div class="javascript" style="background-color: #f0f0f0; border: 1px solid #d0d0d0; color: #000066; font-family: monospace;"> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"document"</span><span style="color: #009900;">)</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span><br /> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"p"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #006600; font-style: italic;">//etiquetas</span><br /> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"#contenedor"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//identificador</span><br /> $<span style="color: #009900;">(</span><span style="color: #3366cc;">".resaltado"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> &nbsp;<span style="color: #006600; font-style: italic;">//clases</span><br /> $<span style="color: #009900;">(</span><span style="color: #3366cc;">":input"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> &nbsp; &nbsp; <span style="color: #006600; font-style: italic;">// etiqueta input</span><br /> $<span style="color: #009900;">(</span><span style="color: #3366cc;">"div &gt; p"</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> &nbsp; &nbsp;<span style="color: #006600; font-style: italic;">//hijos de div</span><br /> <span style="color: #009900;">}</span><span style="color: #009900;">)</span></div> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-6494626646971486705?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/sAPc_oFtYSgtiVQdEKQmxq-VZxA/0/da"><img src="http://feedads.g.doubleclick.net/~a/sAPc_oFtYSgtiVQdEKQmxq-VZxA/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/sAPc_oFtYSgtiVQdEKQmxq-VZxA/1/da"><img src="http://feedads.g.doubleclick.net/~a/sAPc_oFtYSgtiVQdEKQmxq-VZxA/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/T0Ybd094Aps" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com34http://fdoyanes.blogspot.com/2010/03/videotutorial-n1-de-jquery-from.htmltag:blogger.com,1999:blog-520709158985285159.post-46657191764796364282010-03-21T20:20:00.000-07:002010-05-22T17:51:15.202-07:002010-05-22T17:51:15.202-07:00Las chuletas son como recordatorios que nos ayudan al momento de programar, es una&nbsp;compilación&nbsp;de toda la&nbsp;documentación&nbsp;de Jquery. Esto es una buena practicar tener a mano una chuleta reduce los errores al momento de estar programando.<br /> <br /> El enlace es el siguiente: <a href="http://www.futurecolors.ru/jquery/">http://www.futurecolors.ru/jquery/</a><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/_n-cRWLDM0oM/S6Z_5VT_97I/AAAAAAAAACQ/fIv5BUhTef4/s1600-h/chuleta.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="http://3.bp.blogspot.com/_n-cRWLDM0oM/S6Z_5VT_97I/AAAAAAAAACQ/fIv5BUhTef4/s400/chuleta.jpg" width="400" /></a></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/520709158985285159-4665719176479636428?l=fdoyanes.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/r9XGenlYdVARMbAlZapq5d8AdTI/0/da"><img src="http://feedads.g.doubleclick.net/~a/r9XGenlYdVARMbAlZapq5d8AdTI/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/r9XGenlYdVARMbAlZapq5d8AdTI/1/da"><img src="http://feedads.g.doubleclick.net/~a/r9XGenlYdVARMbAlZapq5d8AdTI/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/BlogDeFernandoYanes/~4/rMY-7dDbm_g" height="1" width="1"/>Fernando Yaneshttps://profiles.google.com/106580586120596355989noreply@blogger.com1http://fdoyanes.blogspot.com/2010/03/chuleta-de-jquery-14.html