In today's video, I'll show you how to build a function in JavaScript that you can reuse to build as many buttons as you need for your application. Once built, you can append these buttons to existing containers or other HTML elements.

Google Material Symbols…

By using the "storage" event, you're able to easily sync your Local Storage or Session Storage data between open tabs of the same origin. This means you can keep your UI in sync and updated across all open tabs 😎

For your reference, check this out:
http…

In today's video, I'll take you through a couple of problems when it comes to using the script tag and how you can get around by implementing some best practices: the defer attribute, and using modules.

For your reference, check this out:
https://develo…

Creating a Button component is a great way to get into building web components for your next website or app. In this video, I'll show you how easy it is, with the help of a great icon library called Ionicons:
https://ionic.io/ionicons

🏫 My Udemy Courses…

In today's video I'll show you how easy it is to format currency in JavaScript. This method doesn't require any external libraries, and can format almost (if not all) any currency, including dollars, euros and rupees.

For your reference, check this out:…

In this video, learn how easy it is to build a stylish search bar component using JavaScript Web Components. This is also great if you want to learn how to build custom elements.

Ionicons
https://ionic.io/ionicons

🏫 My Udemy Courses - https://www.udemy…

In today's video, we'll be wrapping around the existing query selector methods in the JavaScript DOM to make it easier to select multiple elements.

This solution can be exported via a module and uses array destructuring, rest parameters and the map method.…

In today's video, we'll be creating a styled HTML table but make it reusable in the form of a web component. You can then use JavaScript to easily update the table data as you require.

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download…

It's easy to add smooth scrolling to your existing website using JavaScript. This can be done by using a range of methods - covered in this video include scrolling an element into view, a specific position on the page or relative to the current position.…

If you've written code that interacts with the JavaScript DOM before, you've probably encountered the concept of a "node". Typically, the term nodes and elements are interchanged and some methods/properties allow both. In this video, I aim to clear up any…

In today's video I'll show you how you can programmatically animate CSS properties using JavaScript. This is done using a relatively new method, called "animate" which is available on the Element interface.

For your reference, check this out:
https://de…

In today's video I'll show you how easy it is to create your own custom context menu using HTML, CSS & JavaScript. This one even has icons for a clean look!

Ionicons Library:
https://ionic.io/ionicons

🏫 My Udemy Courses - https://www.udemy.com/user/domenic…

Removing duplicates from an array in JavaScript can be done in many ways. In this short video, I'll show you 2 techniques - using the Set data structure and the array filter method.

For your reference, check this out:
https://developer.mozilla.org/en-US…

In today's video I'll show you how you can use the Proxy object in JavaScript to react to when an object changes. We also have a look at an example of building a reactive UI using this technique.

For your reference, check this out:
https://developer.mozilla.org/en…

In today's video I'll show you how to build your own custom input field using web components. It'll support features such as adding an error message programmatically, and forwarding on some attributes.

🏫 My Udemy Courses - https://www.udemy.com/user/domenic…

In today's video I'll show you how to build a set of inputs to represent a username and password combo for your website. We then use CSS to add some extra flavour to the design.

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my…

In this video, let's have a look at how to get the currently selected text on a web page using JavaScript. I'll also be showing you how to react to when your user changes their text selection.

For your reference, check this out:
https://developer.mozilla.org/en…

Let me show you the easiest way to add icons to your website. An easy 2-step process using the Ionicons icon library!

Ionicons:
https://ionic.io/ionicons

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https…

The array "with" method in JavaScript lets you make a copy of an existing array, but change a value at a specified index. It also supports negative indexes.

For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe…

It's easy to add a confirmation dialog using JavaScirpt when a user attempts to leave or reload your website. This is done using the window "beforeunload" event.

For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Web/API/Window…