When ECMAScript 2017 was finalised in June 2017, we get the async/await constructs that simplify synchronous JavaScript function calls.
Therefore, you may want to use async and await to keep your JavaScript lean.
In case you need it, this post shows how you can synchronize your JavaScript function calls with async and await.
When you want to build a microsite, jQuery can help you simplify client side interactivity. If you build your website with WordPress, then you will be able to use jQuery in the custom theme that you are building.
Since you will base your site interactivity on jQuery, you may write JavaScript codes that throw the following error:
Uncaught ReferenceError: jQuery / $ is not defined.
In some cases, the error may appear randomly, making it hard to detect.
So how can we prevent our JavaScript codes from throwing a “Uncaught ReferenceError: jQuery / $ is not defined”?
As I had mentioned in how to monetise a programmer’s website effectively, affiliate marketing can be an effective way for your website to earn money.
Since affiliate marketing programs revolves around links, we can build a catalogue of items that we wish to recommend to visitors to our websites.
If you have already built that catalogue of product recommendations and an API endpoint, you can build a sticky component in your sidebar and rotates recommended items from there.
Since I have been hearing good feedback about React, I implemented such a feature on my website with React.
In case you are looking to do the same, this is how you can add a React component that rotates recommended items on your website.
You want a portion of your sidebar to stick as you scroll down your web page.
When you reach the footer of your web page, you want that portion to stop just above the footer of your web page.
In this case, you can use jQuery to help you achieve this behaviour.
Given that, this post shows how to make a portion of your sidebar sticky as you scroll till the footer of your web page with jQuery and some CSS styles.
When you are building a browser-based game, being able to track key presses is helpful.
For this purpose, you can register a JavaScript function that gets called when the browser detects a key is being pressed.
After the browser detects a key press, it will send information about the key to your function.
When your function is able to get the key that is pressed, it can then use this information to update the game state.
In this post, let’s look at how we can detect keyboard presses made to the browser screen with JavaScript.
When you want to move an object on your web page, you can do so by setting the top and left property of that object to several screen coordinates along a path of travel. Although you can create those coordinates by hand, it is more efficient to capture those coordinates using your mouse.
Previously, I had discussed:
In this post, we extend those ideas to build a simple mechanism that captures the coordinates of your mouse as it moves alone a path.
That was day one of trying out jQuery: to add HTML components dynamically. Not a difficult task, but it will be helpful for me to record how to do DOM manipulation in jQuery for future use. As such, this post is created to recollect my experience in adding HTML components dynamically with jQuery.
jQuery is a JavaScript library that simplify client-side scripting of HTML.
In case you want to augment your webpage with data from an API endpoint, you may want to look at jQuery.
With this purpose in mind, this post discusses how to send a HTTP GET request to an API endpoint and add the response as HTML elements to the DOM with jQuery.
The books that teach me the concepts and skills that I need to build my website is enough for me to have a personal space on the Internet. However, I had to add interactivity to my website and web applications at work in order to make them more interesting. This post lists some of the books which I had read to get Javascript into my toolbox.
© 2010 - 2023 Techcoil.com: All Rights Reserved / Disclaimer
Follow us