jQuery Reading Assignment

1. What is jQuery?
jQuery is a library that makes it quicker and easier to build JavaScript (JS) web pages and web apps. jQuery is written in JS.

2. How does it help us as developers?
jQuery helps us to:

  • add animated effects to elements
  • making XML (Ajax) requests
  • manipulating the DOM
  • creating image slideshows
  • making drop down menus
  • creating drag and drop interfaces
  • adding power to forms
    jQuery lets you write JS for different browsers (IE, Firefox, Safari).

3. Why do we have two versions of jQuery?
First, we have the “minified” version that clients can download faster, but it is not as easy to read / modify.
Second, we have the uncompressed version that is easier to read and modify, but takes longer to download.

1 Like

I wasn’t sure where to post this question, but since it has come out of my initial toying around with jQuery i figured i’d ask it here. In the lesson where Ivan makes a button display the text that has been input into a field, he does this by using making the variable composed of $("#theInput").val(). I’ve attached a screen shot of the way i had done it. It still works, and i’m wondering if ther’s a reason to use one way over another.


It’s cut off in the image, but i have a value attribute within the input element with id “things”, which is what i called on from within the txtInput variable

2 Likes

Hi @RhoadsNRoses82, This approach is right too. Th only difference is that you are using “pure” javascript to retrieve the value while the given solution by Ivan was using Jquery functions. It is purely based on preference. You can go ahead with any approach. :smiley:

Hope this clears it out.

Happy Learning ! :slight_smile:

2 Likes
  1. jQuery is a library that makes it quicker and easier to build JavaScript webpages and web apps.
  2. jQuery is great for things like animations, Ajax requests, DOM manipulation, image effects, and user interface elements and lets you easily write cross-browser JavaScript code.
  3. The uncompressed .js file is easy to read and modify, but it’s around 160kb in size (at the time of writing).
    The minified .js file has all comments, whitespace, and other unnecessary characters removed from the file, squeezing the whole library into a mere 23kb. Although you can’t easily read the code, this is the version you’ll want to place on your site, as it’s much quicker for visitors to download.
1 Like
  1. It’s a free JavaScript library with many “pre-made” functionalities.

  2. It enables developers to write JavaScript using fewer lines of code.

  3. The uncompressed version is clearer to read and understand, but it’s also a larger file size. The minified version removes unnecessary information to reduce the file size. The developer would probably want access to the uncompressed version, but should use the minified version on their website as it is lighter to load.

1 Like
  1. jQuery is a library that makes it quicker and easier to build JavaScript webpages and web apps.
  2. Often with jQuery you can write a single line of code to achieve what would have taken 10 - 20 lines of regular JavaScript code.
  3. The uncompressed .js file is easy to read, but is large (about 160kb). The minified .js file has all the comments and spacing removed, so it is difficult to read, but is only 23kb, so it is smaller and better to embed on your site.
1 Like

yup that clears it up for sure thanks!

1 Like
  1. a library that makes it quicker and easier to build JavaScript webpages and web apps
  2. with jQuery you can write a single line of code to achieve what would have taken 10-20 lines of regular JavaScript code
    3 uncompressed is much easier for humans to read, while minified is a lot faster for a computer to read.
1 Like
  1. What is jQuery?
    Its a Library for JavaScript

  2. How does it help us as developers?
    It saves time by allowing us to use preprogram chunks of code

  3. Why do we have 2 version of jQuery - minified and uncompressed?.
    Uncompressed version is allowing us to see full code
    Minified takes less space, difficult to read code

1 Like
  1. It’s an open source library with tons of usefull jc functions which are used all over the web.
  2. We can use the tested functions other programmers developed without having to invent them anew.
  3. The uncompressed one has lots of comments and is easily readable, yet larger in size than the minified, which in turn is quite dicciucl to read but quicker to run on your webpage. For documentation purposes you want the uncompressed one, but running on your webpage you want the minified.
1 Like
  1. It access already available extended established code via shortcut query synonyms.
  2. It’s a powerful toolbox that helps developers focus on what really matters.
  3. Uncompressed is code intense suitable for review and modification. Minified is suitable for webpage and download since size is minimal.
1 Like
  1. jQuery is a shorthand version of js. It is based on a library.

  2. It helps developers by making the code much more succinct and simpler.

  3. Uncompressed is the human readable version and minified is the browser compressed version that takes less space.

1 Like

What is jQuery?
This is a very popular free JavaScript library. It is written in JavaScript, but the functions and syntax are in such a way that it reduces down the amount of code lines you would need to use, if writing the equivalent in JavaScript.

How does it help us as developers?
It reduces down the amount of code we have to write and because it is so popular, means we are working with code that many others use as well.
It’s use means that we have the quick ability to add functionality to our websites that would be beyond our own level of coding ability, examples include: creating drag and drop effects, maniuplatin the DOM (Document Object Model), animation effects to elements. jQuery also has a benefit that, if you need to create something that works on multiple browsers, you just call the appropriate function, rather than creating your own code to make each specific browser work.

Why do we have 2 version of jQuery - minified and uncompressed?
uncompressed .js file - this version is easy to read by a human, it has the documentation/comments in there for you to understand what the items are doing. It can also be modified.
minified .js file - this is the version that the website should call/download. It is very small so does not take as long to download, it does not contain the comments, whitespace in there that helps us to understand it.
You use the uncompressed .js file to work out what you need and how to use it and then the actual site calls the mimified .js file with what the computer actually needs to do the work.

1 Like

  1. What is jQuery

jQuery is a JavaScript library that is free, has lots of great functionality and is very popular. It also works on many different browsers - you just call the functions you want to use and then jQuery deals with making the code run on different browsers,
which is a great pro.


  1. How does it help us as developers?

jQuery makes it quicker and easier to build javaScript webpages and apps using a lot less code. The article says that its easy to write powerful JS-apps and create “eye-catching” animated effects rivaling thise of flash movies. The article then specifies some things that jQuery is great for, amongst other things:

  • Adding animated effects to elements, such as fading in/out, sliding in/out, expanding/contracting.
  • Making XML (ajax) requests which uses JS to request additional data from the web server without having to reload the page.
  • Manipulating the DOM (Document Object Model) to easily add, remove and reorder content in the Web page using just a couple of lines of code
  • Creating animated slideshows and lightboxes. Making animated multilevel drop-down menus.
  • Creating drag-and-drop interfaces.

Another strong point for jQuery is that you don’t have to write different code for different browsers, as different browsers have incompatibilities that would cause you to have to write a lot of extra code, just to make sure it runs on all the different browsers.
With jQuery, you just call the functions - and jQuery handles the rest.


  1. Why do we have 2 versions of jQuery - minified and uncompressed.

The article says “the uncompressed is easy to read and modify, but its around 160kb in size” at the time of writing, which was 10 years ago. Was that considered big back then?

“The minified version has all the comments, white space and other unnecessary characters removed from the file, squeezing the whole library into a mere 23kb. Although you can’t easily read the code, this is the version you’ll want to place on your, site, as it’s much quicker for visitors to download”

Seriously though? Is this still considered good practice? I mean, it’s not 2010 anymore. Does 140 extra kb really slow things down that much? Thoughts anyone?

1 Like

Leave your answers to the questions below in this thread. If you have any questions or you want to discuss something connected to the assignment feel free to do it in this thread as well, but please everything to the topic.

  1. What is jQuery?
    jQuery is a library that makes it quicker and easier to build JavaScript webpages and web apps.
  2. How does it help us as developers?
    jQuery makes it easy to write powerful JavaScript apps and create eye-catching animated effects rivalling those of Flash movies.
  3. Why do we have 2 version of jQuery - minified and uncompressed?
    uncompressed is where it is easy to read and modify, but file size is larger kb. As for minified, it has all comments white spaces, and more. This is the one that most people would put on their website since it is very small to download. But, it is more difficult to read.
1 Like
  1. What is jQuery?
    A very popular library that makes easier to write JS pages

  2. How does it help us as developers?
    Makes the code smaller, can access the library by calling various jQuery functions. Also, easy to make cool features, such as slideshows, drag&drop interfaces, etc.

  3. Why do we have 2 version of jQuery - minified and uncompressed?
    Uncompressed is easy to read and modify, but too large, minified is smaller but more difficult to read.

1 Like
  1. jQuery is an amazing Free javascript library!

2, It helps us as developers because it allows us to easily write cross-browser Javascript code, and… It allows us to write powerful Javascript apps using substantially fewer line of code! also it is awesome, because it is great for things like animations, Ajax requests, DOM manipulation, image effects, and user interface elements!

  1. there are two versions if jQuery, the uncompressed .js file version, which is easy to read and make modification to, and,…
    The minified .js file which squeezes everything down to within 23kb which although is not easily readable, this is the downloadable version which you will want to place into your website, because it is faster to download!
1 Like
  1. JQuery is a JavaScript library that helps developers build web apps faster,with fewer lines of code.
  2. jQuery is great for things like animations, Ajax requests, DOM manipulation, image effects, and user interface elements.
  3. The minified version has all comments, whitespace, and other unnecessary characters removed from the file, squeezing the whole library into less memory than the uncompressed version which is easy to read and modify, but it’s larger than the minified.
1 Like
  1. What is jQuery?

It is the most popular JavaScript library. This library makes quicker and easier to build JavaScript webpages and web apps.

  1. How does it help us as developers?

With jQuery it is easy to write JavaScript that works on many different browsers; makes it easy to write JavaScript apps. It is is great for: adding animated effects, creating image slideshows, creating drag-and-drop interfaces, Manipulating the DOM …

  1. Why do we have 2 version of jQuery - minified and uncompressed?

Uncompressed version is easier to read and modify, so we will use this version if we need to do that, but it is larger then the other minified version. This second version is better to use if we won’t to place it on our web site and we don’t need to modify anything. All unnecessary characters are removed from this second version.

2 Likes

Yeah, it’s still considered good practice. Infact, all Javascript files that are used for the final application/website should be minified. When you compare the size of your entire application un-minified and minified, you will find a big difference.
Also, in today’s world, with the increasing usage of mobile networks, it is better to have light weight files as well.
So overall, it is considered very good practice to maintain minified versions of your files. :slight_smile:

Happy Learning! :smile:

3 Likes