The Evolution of the JavaScript Programming Language

When you look around the software development world today, one language that seems to be everywhere is JavaScript. JavaScript has gained a lot of popularity over the years, and, despite facing various stumbling blocks, this language has gone on to become the most popular language in the world today.
For this reason, I am interested in the evolution of the language. The low points, high points, and its strength. Without further ado, let’s dive into it.


How to Write Your Own jQuery Plugin

For those who don’t know, jQuery is a JavaScript library that comprises of a number of features, and is quite small yet fast. It also comprises of an easy-to-use API that is compatible on all browsers and enables easier HTML traversal, animation, DOM manipulation, and event handling. It is not only extensible but durable. Hence, client-side scripting has become a lot easier since its development.
What Are jQuery Plugins?
jQuery consists of prototype objects which, at some point, may require some manipulation and extension. For the same purpose, jQuery plugins were devised as a way for objects to inherit any additional methods that are added. Not only that, these additional methods are not isolated but called with the rest of the methods (already inherited) when the jQuery object is created. jQuery plugins are available individually in the form of individual methods that exist in the jQuery library. Every method is a plugin. But, in case of something new, the plugin can also be custom created, which is not very difficult a task.


How to Bind the Kendo UI Grid to a GraphQL API

By now you have almost certainly heard of GraphQL, the runtime query language for APIs. With rapidly growing popularity, it is becoming an increasingly adopted standard for API development. This has generated demand for frameworks and UI tools that can easily consume the data from a GraphQL API – just like the Kendo UI components can do, as we provide seamless integration through the DataSource component.
This post provides a comprehensive guide on how to setup the Kendo UI jQuery Grid component to perform CRUD operations through GraphQL queries and mutations. It includes a sample application, code snippets, and documentation resources to get you up and running with Kendo UI and GraphQL.


Develop Your First Google Chrome Extension Using HTML and jQuery

Chrome extensions are small programs (using HTML, JavaScript, jQuery), written basically to add additional functionality to the Chrome browser. You can download and find all Google Chrome Extensions in the Chrome Web Store (formerly the Google Chrome Extensions Gallery). As per Wikipedia, by February 2010 over 2,200 extensions had been published by developers.
If you check the Chrome web store, you will find a lot of Chrome extensions. You can check this out using this link.


What Are Web Developers Favorite Front-End Tools? Packt’s Report Reveals All

Are you confused about which front-end tools you should learn, and which ones you should work with? Do you want to know what other web developers are using and what they think is important when it comes to front-end frameworks and libraries?
Fear not! We have the answer to all these questions. In our annual skill-up survey, we spoke to over 8,000 developers and tech pros and asked them about the front-end tools, libraries, and frameworks they regularly use.


How to Add jQuery to WordPress

If you search online for how to add jQuery scripts to WordPress, you will get a plethora of results. But, if you are not a programmer or not that familiar with WordPress, you may find the online resources a bit hard to understand. This is where we come in. In today’s article, we will show how to add jQuery Scripts to WordPress. However, before we start, let’s take a look at jQuery and WordPress.
The popularity of jQuery is phenomenal. And, why not? It gives developers an extra edge when developing their application for the web. It is also one of the most popular libraries for JavaScript. It is a smaller library and also cuts down the load time. In short, to speed up WordPress, you need to use jQuery.


Introducing Axios, a Popular, Promise-based HTTP Client

Axios is a popular, promise-based HTTP client that sports an easy-to-use API and can be used in both the browser and Node.js.
Making HTTP requests to fetch or save data is one of the most common tasks a client-side JavaScript application will need to do. Third-party libraries — especially jQuery — have long been a popular way to interact with the more verbose browser APIs, and abstract away any cross-browser differences.
As people move away from jQuery in favor of improved native DOM APIs, or front-end UI libraries like React and Vue.js, including it purely for its $.ajax functionality makes less sense.
Let’s take a look at how to get started using Axios in your code, and see some of the features that contribute to its popularity among JavaScript developers.
Axios vs Fetch
As you’re probably aware, modern browsers ship with the newer Fetch API built in, so why not just use that? There are several differences between the two that many feel gives Axios the edge.
One such difference is in how the two libraries treat HTTP error codes. When using Fetch, if the server returns a 4xx or 5xx series error, your catch() callback won’t be triggered and it is down to the developer to check the response status code to determine if the request was successful. Axios, on the other hand, will reject the request promise if one of these status codes is returned.
Another small difference, which often trips up developers new to the API, is that Fetch doesn’t automatically send cookies back to the server when making a request. It’s necessary to explicitly pass an option for them to be included. Axios has your back here.
One difference that may end up being a show-stopper for some is progress updates on uploads/downloads. As Axios is built on top of the older XHR API, you’re able to register callback functions for onUploadProgress and onDownloadProgress to display the percentage complete in your app’s UI. Currently, Fetch has no support for doing this.
Lastly, Axios can be used in both the browser and Node.js. This facilitates sharing JavaScript code between the browser and the back end or doing server-side rendering of your front-end apps.
Note: there are versions of the Fetch API available for Node but, in my opinion, the other features Axios provides give it the edge.
As you might expect, the most common way to install Axios is via the npm package manager:
npm i axios

and include it in your code where needed:
// ES2015 style import
import axios from ‘axios’;

// Node.js style require
const axios = require(‘axios’);

If you’re not using some kind of module bundler (e.g. webpack), then you can always pull in the library from a CDN in the traditional way: