Learning jQuery: Understanding and How to Use jQuery

In order to create a website that is in accordance with the goals and of course on target, optimal web development is needed. However, please note that web development is not just a web design choice. More than that, actually web development tends to refer to non-design aspects, namely coding.

In the world of coding, JavaScript is the most widely used programming language. However, please note that JavaScript does not stand alone. It consists of various types of libraries, tools, and frameworks. One of the most commonly used is jQuery, a JavaScript library designed to simplify HTML scripting. When reported from the jQuery site itself, jQuery is called having characteristics that are small, fast, and have many features.
Understanding and How to Use jQuery
Actually, how do you apply jQuery to coding activities and what are their functions? Come on, so you don't ask questions anymore, let's learn jQuery through the review below!

What is jQuery?
The jQuery programming language was discovered by a man named John Resig in 2006. That year jQuery was defined as a JavaScript library that was cross platform. What does it mean? At that time, there was often inconsistency between the implementation of JavaScript in Firefox devices, Internet Explorer, and Google Chrome (released in 2008).

In the past, when technology had not developed too rapidly as it is now, this condition might still be understood. Moreover, writing coding is not an easy job. Not to mention if there are so many string codes that must be added. This is where learning jQuery can really help you. jQuery has the task of compressing various lines of code into a single function. That is, you no longer need to rewrite lines of code just to complete one task.

Not surprisingly, until now jQuery has become one of the most popular or most widely used JavaScript libraries by all web developers around the world.

The advantages of jQuery in writing JavaScript code
Some of you might be wondering, why are there so many JavaScript libraries available, you must learn jQuery and use it for the benefit of web development. Even large companies like Google, Microsoft, and Netflix also use jQuery as part of their web development and application processes.

One reason is flexibility. When compared to other JavaScript libraries, jQuery can be said to tend to be more flexible because you can easily add plugins. Yes, in other words, jQuery can indeed support various plugins. Not only that, jQuery can also interact well if combined with various other programming languages. Here are some other advantages of jQuery:
  1. Makes it easy to access HTML elements
  2. Handling HTML events
  3. HTML element manipulation
  4. CSS Manipulation
  5. Facilitates the application of animation and JavaScript effects.
Various important jQuery features are known
Learning jQuery means you also have to learn more about the features you have. Even these features have succeeded in making jQuery have many advantages related to the web development process.

One of the most popular is the Document Object Model (DOM) manipulation feature. DOM has several methods that you can choose to write code. Thanks to the DOM manipulation feature, you can easily add or remove DOM elements that are on the HTML page. This feature also allows you to tidy up the lines.

There is also another feature called cross-platform that gives jQuery the ability to be able to do cross-platform. So, jQuery will still have the same function while fixing errors that occur when run in various types of browsers. For example like Safari, Google Chrome, Firefox, Android, and iOS.

Don't miss a feature called AJAX. This feature allows data to be transferred between the browser and server without having to reload the web page. For example, if you use web-based e-mail, you will usually manually reload your inbox to check for new messages. When you reload your inbox, the server must reconstruct the entire web page and send back all CSS, HTML and JavaScript.

This is certainly very inefficient and can result in long loads. In fact, what a server should do is just send your new email message, instead of reloading the page as a whole. Well, the good news, since 2003, all browsers have overcome this issue using XMLHttpRequest (XHR), which is part of the AJAX feature.

How to use jQuery
As mentioned earlier, jQuery serves to simplify HTML scripting. That's why in using jQuery, the principle that you should apply is "less is better". For example, let's say you want to create a task in the form of "Welcome to our website!". Try comparing the application to ordinary JavaScript programming languages ​​and jQuery:
JavaScript
Document.getElementById ("demo"). InnerHTML = "Welcome to Our Website!";
jQuery
$ ("# Demo"). Html ("Welcome to Our Website!");
From this example, it can be seen that by learning jQuery, you can produce the same output using a simpler line of code. This is certainly very beneficial in terms of time and energy. For information, tasks using jQuery are usually written in syntax: $ (selector) .action ()

The dollar sign ($) is used to indicate the use of the jQuery library. The syntax (selector) signifies the element you choose or will aim at. Whereas, .action () shows the action or task that you will perform on the element you have selected. So, if you refer to the example above, ("#demo) is a selector, while the text (" Welcome to Our Website! ") Is an action.

Does jQuery have disadvantages?
Although jQuery is one of the popular JavaScript libraries, it does not mean there are no shortcomings or limitations. Some of you may already know that jQuery's workload is claimed to be lighter for browsers, which makes CPU and RAM work not too heavy. This is quite true because ideally, the jQuery core is only about 19kb in compressed state.

However, many people feel that websites are still lighter working without using jQuery or just using pure HTML. Not only that, in order to handle requests for jQuery, often the CPU and RAM of the computer must allocate as many resources as they have.

Well, try to imagine if there were so many requests, of course this would overload the server. However, don't worry, that doesn't mean you can't use jQuery for web development. As a solution, you can try the jQuery host on another site. For example, like Google, which provides jQuery requests from their servers.

For those who plan to do web development using JavaScript, the jQuery library can simplify the process. When compared with JavaScript, the syntax is relatively shorter, simpler, and easier to understand. However, although it looks simple, its features are quite complete so that the web pages that you develop can be maximized.

Hopefully by learning jQuery through the reviews above, you will understand more about this one JavaScript library and are interested in using it.

Post a Comment

0 Comments