-
JavaScript Modules with Import/Export Syntax (ES6) – JavaScript Tutorial
In this video I’ll be showing you how to use native JavaScript Modules with the import and export syntax in JavaScript – this works on major browsers such as Chrome, Firefox, Safari and Edge. Modules allow you to separate your code into individual chunks or components, allowing for easier maintainability and better file organization. Support…
-
Convert HTML5 Canvas to Image (PNG or JPG) – JavaScript Tutorial
In this video I’ll be showing you how to convert an HTML5 Canvas into a downloadable or view-able PNG or JPG image. It’s super easy to do with Data URIs and Blobs. Support me on Patreon: https://www.patreon.com/dcode – with enough funding I plan to develop a website of some sort with a new developer experience!…
-
JavaScript Tutorial: Random Numbers
During coding in JavaScript, you may need to add a random factor to the whole thing. This tutorial will show you how. The first half of the video is explanation of the code, while the second half contains examples. Feel free to skip around if you only want to see one part or another. Original…
-
Previewing Image Before File Upload – JavaScript Tutorial
In this video I’ll be demonstrating how it’s possible to use some simple JavaScript in order to display a preview of an image before uploading it to the web server. Support me on Patreon: https://www.patreon.com/dcode – with enough funding I plan to develop a website of some sort with a new developer experience! Follow me…
-
Custom File Upload Button with FileList – HTML, CSS & JavaScript Tutorial
Link to code: In this video tutorial I’ll be showing you how to create a completely custom file upload button from scratch using HTML, CSS and JavaScript (with FileList). This is a follow up to my previous video on creating a file upload button with a regular expression. Support me on Patreon: https://www.patreon.com/dcode – with…
-
Javascript Tutorial with Examples For Beginners (pt 1) – Variables
This is part one of a series of javascript programming tutorials for beginners about variables. JavaScript Variables JavaScript variables are containers for storing data values. In this example, x, y, and z, are variables: var x = 5; var y = 6; var z = x + y; From the example above, you can expect:…
-
The Date Object – Getting, Setting & Formatting Dates in JavaScript – Tutorial
In this video I’ll be demonstrating how to use the native JavaScript Date object to work with dates on the client-side of your web application or website. In most cases, a library such as Moment.js may be more suitable for working with dates but sometimes this native object is enough to satisfy your requirements. Support…
-
Virtual Keyboard in JavaScript – HTML, CSS & JavaScript Tutorial (Project Video)
Link to code: Google Material Icons: https://google.github.io/material-design-icons/#icon-font-for-the-web In this video we’ll be creating a virtual keyboard using pure HTML, CSS & JavaScript (no libraries required). This is done from scratch and is easy to integrate, responsive and touch-friendly. I think projects like this are super helpful for learning web development or specifically HTML, CSS, &…
-
Loading data into HTML Tables using AJAX – JavaScript Tutorial
In most medium-to-large sized websites or applications, it’s ideal to separate your data from your HTML markup. One way to achieve this is by creating a structure in HTML and then loading the data separately from a dedicated data-file. AJAX is a method of loading data into a web page once it has finished loading…
-
JavaScript Tutorial – "unload" event | Detect when the browser window has closed
By using the “unload” event in JavaScript you are able to detect when the window has closed. In the case of an iframe, it is possible to detect when the src attribute has been removed or changed. In this video we take a look at an example of the “unload” event in the case of…