Crea tu página web desde 0 - parte #9 - Qué es jQuery ?
Hola a todos! espero que se encuentren bien. 🤗 🤗 🤗
En este nuevo post vamos a conocer algo nuevo 'jQuery' que lo necesitaremos mucho para construir nuestra página web, ya que es lo más usado si no queremos tocar demasiado javascript por el momento y también nos ayuda mucho a entender más fácil el uso de eventos y otros que nos dan la interactividad de nuestro sitio web. 🤓 😎
¿Qué es jQuery?
JQuery es una librería de JavaScript. Que nos simplifica la forma de programar con javascript, ya que tiene sus propias funciones y variables que nos sirven para darle animación a los elementos, pero de una forma más sencilla y nos ahorramos mucho código javascript y nos permite hacer uso de esto sin tener muchos conocimientos de javascript. 👏 👏 👏
Como dijimos jQuery es una librería de javascript y para poder usarlo debemos incluirla en nuestros archivos de la página web, básicamente hay dos formas de incluirlo:
Descargar librería jQuery
La primer forma es descargando la librería directamente desde su página web, ya que tienen la version más actualizada y la que debemos usar para no tener ningún conflicto de compatibilidad.
Damos click en el siguiente link, una vez estemos en la página lo que vemos es un listado de varias librerías jquery, ya que algunas son para usar cuando el sitio este en producción y otras cuando apenas lo estemos desarrollando, en este caso vamos a seleccionar el siguiente... 👇 👇
Luego veremos el archivo .js que es nuestra librería de jquery....
Luego debemos tomar este archivo y llevarlo a la carpeta donde vamos a alojar nuestra librerías en este caso javascript, recomendamos crear la siguiente estructura...
Ya que así tendremos nuestros archivos separados y seremos más ordenados al momento de crear nuestro website, es una buena práctica hacer esto, en este caso la librería jquery la guardamos en la carpeta 'js' y ahora lo que hacemos es llamarla desde nuestro archivo html, como lo vemos a continuación...👀
Como ven la librería no esta dentro de la etiqueta <head> ya que estos archivos javascript siempre se recomienda justo antes del cierre de la etiqueta 'body' ya que nos ayuda a evitar demoras al momento que nuestra página cargue.
Agregar jQuery desde un CDN
Una Content Delivery Network (CDN o, en español, una “Red de distribución de contenido”) es un conjunto de servidores que contienen copias de una misma serie de contenidos (imágenes, vídeos, documentos, …) y que están ubicados en puntos diversos de una red para poder servir sus contenidos de manera más eficiente.
Básicamente un cdn nos aloja un conjunto de archivos en ciertos servidores o en muchos, con el fin de cargar más rápido nuestros archivos en este caso la librería jquery, ya que depende de la ubicación de donde el usuario este descargando el sitio web y se decidirá de que servidor se va a cargar la librería jquery, se elige el servidor más cercano al cliente ayudando así a que la carga de la página sea mucho más rápida..
Un cdn que uso mucho y recomiendo son los de google los ven en este link se puede observar un listado de muchas librerías javascript que podemos cargar simplemente haciendo lo siguiente...
Seleccionamos jQuery, elegimos la versión que vamos a usar y copiamos y pegamos en nuestro archivo html, así...
Listo, eso es todo, ahora tenemos instalado la librería jQuery en nuestro sitio web y estamos listos para empezar a usar jQuery y darle interactividad a nuestra web. 😉 😉
Esto es todo por ahora amigos, volveremos con nuevos posts ....
Saludos! 👋 👋
Congratulations! This post has been upvoted from the communal account, @minnowsupport, by juanpchica from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, and someguy123. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.
If you like what we're doing please upvote this comment so we can continue to build the community account that's supporting all members.
Este Post ha recibido un Upvote desde la cuenta del King: @dineroconopcion, El cual es un Grupo de Soporte mantenido por @wilbertphysique, @yoenelmundo y 5 personas mas que quieren ayudarte a llegar hacer un Top Autor En Steemit sin tener que invertir en Steem Power. Te Gustaria Ser Parte De Este Projecto?
This Post has been Upvote from the King's Account: @dineroconopcion, It's a Support Group run by @wilbertphysique, @yoenelmundo, and 5 other people that want to help you be a Top Steemit Author without having to invest into Steem Power. Would You Like To Be Part of this Project?
This post has received a 0.78 % upvote from @drotto thanks to: @banjo.
This post has been ranked within the top 25 most undervalued posts in the first half of Aug 08. We estimate that this post is undervalued by $16.61 as compared to a scenario in which every voter had an equal say.
See the full rankings and details in The Daily Tribune: Aug 08 - Part I. You can also read about some of our methodology, data analysis and technical details in our initial post.
If you are the author and would prefer not to receive these comments, simply reply "Stop" to this comment.