Home
Videos uploaded by user “dcode”
Rust Programming Tutorial #1 - Hello World | Getting Started with Rust
 
01:40
In this video I'll be showing you how to make a simple "Hello World!" application using the Rust Programming Language. We do this by first declaring a 'main' function and then using the 'println!' macro to print a string to the console window. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 23385 dcode
Bind Explained in JavaScript
 
07:05
In JavaScript, the 'bind' method allows you to attach an object to a function and then reference the attached (binded) object using the 'this' keyword. It allows you to make functions that'll work across many objects with ease. In this video I go over a simple example of how you can use 'bind', which shows you exactly how it works - it really isn't that difficult once you get the hang of it! You'll also find it very useful For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 6894 dcode
Custom Events in Javascript (CustomEvent)
 
05:55
Through the use of the CustomEvent constructor, we can make our own custom events in Javascript. First we add an event listener onto an element, giving it the name of our custom event and also providing it with a callback function as per usual. When dispatching the event, we pass in some custom data for the event handler/callback function to use. In this video I look at how you can change text content and the color of the text through a custom-made event. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 5628 dcode
Document.createElement() - Javascript DOM
 
03:46
You can create new HTML elements in your websites or web applications using the document.createElement method. This method takes one parameter, the 'tag name' (meaning the type of element to create) such as a DIV, P, INPUT or anything you like. Today we look at how we can create an element and also how we can add it to the actual webpage. For your reference (cheers Mozilla!): https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 7797 dcode
Learn XML HTTP Requests in JavaScript | AJAX Tutorial
 
10:09
XML Http Requests (AJAX) allows you to send and receive data from external files within your Javascript code without refreshing the page or re-running your script. In this video we look at how to create a request and then download the data, inserting it into the HTML body. For your reference: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest Follow me on Twitter @dcode If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 22283 dcode
JavaScript Classes #5: Polymorphism - JavaScript OOP Tutorial
 
05:43
Polymorphism is the act of overriding methods within a derived class. Suppose you have a class called "CA" with a method "MA" on it - if you were to now create a child class of "CA" and then re-define the method "MA" on it, this would be polymorphism. It is a commonly used technique when dealing with derived classes as in a lot of cases, the child class will be performing the same actions as its parent, but with a little extra. In this video I take you through a simple example of polymorphism using the typical "Animal" class. I also demonstrate how you can call the parent-defined method through the use of "super". For your reference, check this out: https://developer.mozilla.org/en-US/docs/Glossary/Polymorphism Support me on Patreon: https://patreon.com/dcode Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2967 dcode
appendChild() - Javascript DOM
 
06:02
With the Node.appendChild() method, you are able to add new nodes, or more commonly, HTML Elements to a parent node, or element. In this video we look at how to use this method to add list items to an existing list element as well as converting an array of strings into a bunch of list elements. For your reference: https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 5125 dcode
Array 'find' method in Javascript (Array.prototype.find)
 
02:55
The find() method in Javascript is used on arrays to find the first element in the array that meets a condition which you pass in through a function. In this video, we look at how we can retrieve an object from an Array based on it's property value of 'occupation'. For your reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3422 dcode
Rust Programming Tutorial #10 - Enum Types
 
03:17
Reference and documentation for Rust: https://doc.rust-lang.org/book/second-edition/ch06-01-defining-an-enum.html Refer to the above to find out how you can store data in variations. Today we look at Enum Types in Rust - Enums provide a way to express your code in a descriptive and simple way. For example, when dealing with directions of a player in a game you might want to store all their possible directions in an Enum, having the variants Up, Down, Left and Right. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 4796 dcode
Rust Programming Tutorial #2 - Hello World using Cargo
 
01:58
In this video I'll be showing you how to make a "Hello World!" application using Cargo for the Rust Programming Language. Cargo is used to build and run your Rust applications and dependencies. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 9242 dcode
Storing objects with Local Storage in JavaScript
 
06:58
The limitations of using Local Storage in JavaScript is that you are only able to store data as Strings. In this video, I take you through how to work around this and make it possible to store complex objects with Local Storage. We can achieve this by serializing (JSON.stringify) the object to store it, and then de-serializing (JSON.parse) it to access it again. Check this out: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 7789 dcode
Rust Programming Tutorial #17 - Structs
 
03:15
In this video I take you through how you can create and use your own structs in Rust. Structs allow you to group similar pieces of information together to make a new simple data type you can then use later on. It can make your code much cleaner and easier to read. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3652 dcode
Create your own Page Pre-Loader (HTML, CSS & JS) (No-jQuery Needed)
 
09:50
Link to source code: https://codepen.io/dcode-software/pen/NEErgO Page Loaders like this are a common trend nowadays on websites, especially commercial ones. In this video we look at how to make a custom one from scratch - it's actually quite simple which you'll see as I guide you through it. It's as simple as creating a wrapper, setting an animation and then triggering the animation with Javascript once the page finishes loading. The best part? It's pure HTML, CSS & Javascript. No jQuery or external libraries are required to achieve this effect. Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 17656 dcode
Sending POST data with AJAX in JavaScript
 
06:33
It's really easy to make a POST request through AJAX using JavaScript and then attach some data to send with that. This technique can be used to communicate with your server without refreshing the page and even feed it some useful information. In this video I take you through a simple example of how this works by first setting up the request in JavaScript and then coding a simple PHP script which will do a basic manipulation of the POST variables. From there, we display the server response to the browser. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/send Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 26720 dcode
textContent vs innerHTML in the JavaScript DOM
 
04:38
Although commonly used interchangeably, there is a major difference between the textContent and innerHTML properties when working with Elements in JavaScript, and it's important you know what that is. The major difference is that when using the innerHTML property, the client browser will actually interpret the content as HTML markup, and apply that change to the DOM/Window. On the other hand, the textContent property will only change the the text, preserving any HTML markup. In this video I take you through a basic example to demonstrate that difference. 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! For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2636 dcode
Prevent Default Explained in JavaScript | e.preventDefault()
 
05:38
The Event.preventDefault method in JavaScript allows you to prevent the default behaviour from occurring when an event gets fired off - this is going to change depending on the element and context. For example, when dealing with links (anchor elements), the default behaviour would be to redirect to the URL, but with preventDefault() we are able to prevent this from happening. In this video I take you through an example with a link to the YouTube website and how we can use preventDefault() to disable it. I also create a checkbox which enables/disables the link. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2916 dcode
How to generate random numbers in JavaScript - Math.random
 
03:51
JavaScript makes it really easy to generate and use pseudo-random numbers. By using the built-in Math.random() function, you are able to achieve just that. Math.random() will give you a random floating point number from 0 to 1 (non-inclusive of 1) and so to convert that result into a whole number, you'll need to implement some basic math. In this video I show you a simple example of how to generate a random number and also how to generate a random whole number (or integer) between a range of 1 and X. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random Support me on Patreon: https://www.patreon.com/dcode Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3985 dcode
The Remainder Operator in JavaScript | Modulo %
 
05:23
The Remainder Operator (%) in JavaScript allows you to find the remainder of a division of two numbers - much similar to the modulo operator in many other languages. It can be used for the same purpose of finding the remainder as it uses the built in modulo function. It is also extremely useful for limiting a large number (or converting it) into a smaller one with a maximum you specify. For example if you wanted to reduce 500 down to a maximum of 7, you can do this easily using the remainder operator. In this video I take you through a basic example of the operator as well as it's uses to limit a number down. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Remainder_() Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3400 dcode
Rust Programming Tutorial #28 - Defining Traits
 
04:55
Similar to interfaces in other languages, traits allow you to set 'rules' or 'requirements' for a particular struct in order for it to be considered to be 'something'. In this video we create a trait called 'HasVoiceBox' which says that any Struct implementing this trait must have a speak() and can_speak() method defined on it. For more information refer to the Rust documentation: https://doc.rust-lang.org/1.8.0/book/traits.html If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3692 dcode
How to install Laravel 5.5 on Ubuntu Server 14.04 LTS + 16.04 LTS
 
07:35
This video goes through the installation of Laravel 5.5 on Ubuntu Server 14.04 LTS + 16.04 LTS. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 4097 dcode
Arduino Tutorial - Outputting JSON over Serial
 
03:34
Outputting JSON with the Arduino is useful when you are communicating with 3rd party applications that require data formatted as a JSON string. This is particularly relevant when working on IoT projects and gathering sensor information. Full credit goes to Benoit Blanchon for creating the amazing library used in this tutorial: https://github.com/bblanchon/ArduinoJson If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 12507 dcode
Rust Programming Tutorial #18 - Tuple Structs
 
02:54
Today we look at Tuple Structs in Rust and how they are similar to traditional Structs but have no member names. You can create them and use them similar to regular Tuples hence the name 'Tuple Struct' If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3022 dcode
What is the querySelector method in JavaScript? | Document.querySelector() Explained
 
06:41
In JavaScript, the 'querySelectorAll' method allows you to retrieve a list of Elements that match the CSS Selector that you specify. Essentially, it is a way of finding Elements in JavaScript. It's quitee flexible and lets you search for tags, classes, IDs, parent/child combinations, attributes and so on. In this video I show you a clear and simple example of how it works on the 'document' object as well as another Parent Node - to only search within that parent. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelectorAll Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2089 dcode
Rust Programming Tutorial #25 - Reading a File
 
03:21
In this video I talk about how we can read a text file into a Rust program and then output the contents of that file into the console window! Interesting stuff! The documentation used for this video can be found at: https://doc.rust-lang.org/book/second-edition/ch12-02-reading-a-file.html If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3088 dcode
How to use Local Storage in JavaScript
 
15:23
By using Local Storage in JavaScript, you are able to store simple data persistently for your web application directly through the web browser itself - no PHP needed! Data is stored using key-value pairs, string-string. This makes it more than capable of storing basic data which is the intention and recommended use of Local Storage. I wouldn't recommend using Local Storage for large scale applications because even though the data is persistent, it isn't guaranteed to stay there and is only specific on that particular machine. In this video I show you the basics of using Local Storage as well as a mini application that prints out the data stored inside the Local Storage. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 17523 dcode
Observer Design Pattern in Javascript | Design Patterns Tutorial
 
15:07
In this video I take you through a way we can implement the Observer Pattern using Javascript. The Observer Pattern works by defining a model and then a bunch of other dependencies (observers) on that model - so that when the model changes state, all the dependencies are notified of the change. You will be developing a page with a button, when the button is pressed a number is incremented and a color is chosen at random - the number and color change are represented in the HTML page itself and the console. This was inspired by java.util.Observer and java.util.Observable. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 8091 dcode
getBoundingClientRect() in Javascript DOM
 
09:19
The Element.getBoundingClientRect method will return you an object containing properties about the surrounding rectangle of an Element. These are all relative to the top-left corner of the viewport (or browser window). This also takes the border-box into account, meaning any borders or padding is included within the returned properties. It's very useful for building user interfaces and in this video we look at an example of how we can actually get this data and also a simple demo of it being used where once a DIV comes into view, its background color is changed to red. Check this out: https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3243 dcode
The "scroll" event in JavaScript | window.onscroll
 
07:11
By making use of the "scroll" event in JavaScript, you are able to react to when the users of your web page scroll down or up. Learn more in this video tutorial. In this video I take you through the usage of the "scroll" event on the Window object. This allows us to listen for when the user scrolls up or down the page - we then implement a function that displays a message box when the user has reached the bottom of the page. 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! For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/Events/scroll Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 10339 dcode
Array 'findIndex' method in Javascript (Array.prototype.findIndex)
 
02:47
You can use the findIndex() method on Arrays in Javascript to search through an array and find the index of an element which meets/satisfies a testing condition that you pass in through a function. For your reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2136 dcode
Javascript Tutorial - Custom File Upload Button | HTML + CSS
 
08:32
Regular Expression: /[\/\\]([\w\d\s\.\-\(\)]+)$/ This code is now downloadable! https://codepen.io/dcode-software/pen/RerBgR In this video I take you through how to create your own custom file upload buttons using only HTML, CSS and Javascript, no frameworks required! We can do this by 'virtually' clicking on a hidden default file upload button and then extract the value of the real file upload button and plant it into a custom-defined span tag. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 30698 dcode
Rust Programming Tutorial #21 - Impl Keyword (Implementation)
 
04:13
In this video we take a look at the 'impl' keyword in Rust. We see how we can add methods to a struct to make it really simple and easy to use. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3447 dcode
Document Fragments in Javascript
 
05:31
Through the use of a DocumentFragment (Document Fragment) you are able to construct a DOM structure behind the scenes within your Javascript code - without the changes being immediately rendered within the browser. This enables a more modular and in some cases, a cleaner way to deal with DOM manipulations within Javascript. In this video we look at appending new list item elements to an un-ordered list using a DocumentFragment over traditional appendChild calls on the parent element itself. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 1392 dcode
Get Mouse Position in Javascript ('x' and 'y')
 
04:47
Source code on CodePen: https://codepen.io/dcode-software/pen/exbKLv Through using the MouseEvent object, you are able to access the 'x' and 'y' properties, giving you the position of the mouse when that event fired off. In this video we look at using the 'mousemove' event on the Window object, allowing us to constantly update the x and y coordinates in the browser as the mouse moves across. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3827 dcode
Rust Programming Tutorial #4 - Variables
 
02:51
Today we'll be looking at how we can define variables in Rust as well as how we can flag them as being 'mutable' so we are then able to alter their value. In the next video I'll be going over variable data types. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 6163 dcode
Element.setAttribute() - Javascript DOM
 
05:25
If you'd like to modify an attribute of an Element on the fly, you can do so within your Javascript code using the Element.setAttribute method. In this video we look at how we can use this method on a pre-existing element and also on a dynamically created element (through createElement) For your reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2295 dcode
CSS - Trigger transitions with Javascript
 
02:47
You can seamlessly trigger CSS3 transitions with Javascript by changing the style object. In this video we make a DIV element fade away through a button. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2160 dcode
Rust Programming Tutorial #23 - Implementing Traits
 
03:13
Similar to interfaces in other languages, traits in Rust allow you to define methods that should be on a struct - in this video we look at implementing the ToString trait on a custom-made object to create a to_string() method. Pretty sick. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3228 dcode
Form Data (FormData) in Javascript (with AJAX)
 
04:23
The FormData object in Javascript allows you to easily send key-value pairs of information/data with your XML Http Requests (AJAX). You can use this to create forms without refreshing the page or sending general data to a server. In this video we go over how to use FormData in conjunction with an XMLHttpRequest. For your reference: https://developer.mozilla.org/en-US/docs/Web/API/FormData Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #webdev #javascript
Views: 8595 dcode
Rust Programming Tutorial #5 - Variable Data Types
 
02:57
In this video I'll be going over how we can use data types alongside variables as oppose to Rust assuming what data type we are using from the value. Take a look at the Rust documentation for more information on the types you may use: https://doc.rust-lang.org/ If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 5696 dcode
JavaScript Classes #3: Static Methods - JavaScript OOP Tutorial
 
07:32
In JavaScript you can define "static methods" or "static functions" which are functions that are defined on a class but do not actually require an instance of that class to be created. In most cases, static methods are "helper methods" or used for creating instances of that class. In this video I take you through a simple example of how you can define static methods on a class - we create a method used to compare two instances to give a result. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes Support me on Patreon: https://patreon.com/dcode Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 1855 dcode
Rust Programming Tutorial #30 - Reading User Input
 
04:12
One of the most important things in a program is to read user input and in this video I show you how you can do this in Rust. It is done through the stdin struct/stream and in this example we use the read_line method to feed user input from the console into a mutable String. For more info, check out: https://doc.rust-lang.org/std/io/struct.Stdin.html If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2808 dcode
Sorting Arrays in JavaScript (Array.prototype.sort)
 
05:40
By using the sort() method on an Array in JavaScript, you are able to sort an array 'in place'. This method will return a new, sorted array which means the existing array is left untouched. In this video I take you through how to use the sort() method found on the Array prototype in two ways: you can use it without supplying a 'compare function' - this means the elements are sorted in ASCII order. Or you can supply a 'compare function' which lets you define the logic to determine how the array items will be sorted. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 3141 dcode
Dataset (dataset) Property - Javascript DOM
 
05:29
The 'Dataset' (HTMLElement.dataset property) allows you to easily set or get the values of custom '-data' prefixed HTML attributes on your elements. It works like a regular object and it gives you the power to do pretty interesting stuff with the components on the page. In this video we look at a simple example of how it works and how you can implement it in your next project. For your reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 1693 dcode
HTML base tag (Base URL Element)
 
03:02
By using the 'base' tag in HTML, you are able to set the base URL for all the relative links in the document. It is defined in the 'head' tag. In this video we look at how we can insert an image using the typical 'img' tag, but leaving out the relative directory in the 'src' attribute - instead we simply put the filename of the image. We then use the 'base' tag to insert the folder path of the image. For your reference: https://www.tutorialspoint.com/html/html_base_tag.htm If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 1252 dcode
Rust Programming Tutorial #37 - Option (Enum)
 
08:26
The 'Option' Enum represents either a value (Some) or no value at all (None). It is common to see this in Rust with many methods and functions returning this particular type. It's useful because it forces us to deal with unexpected situations such as when the expected return value of a function does not actually provide a value - because it doesn't exist or can't be found. In this video we look at a common example of the Option Enum in use and we also define our own function that returns an Option type to truly understand how it works. For your reference: https://doc.rust-lang.org/std/option/enum.Option.html If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2041 dcode
Rust Programming Tutorial #9 - For Loop
 
04:28
In this video we take a look at for loops in Rust, which are unconventional compared to other languages such as C or Java. In Rust, you use for loops to loop over iterators. We also look at using the enumerate function to gain access to the index we are currently at in the loop. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 4130 dcode
Pug (Jade) Tutorial #1 - Getting Started | HTML + NodeJS
 
04:37
Pug (formally known as Jade) is a HTML preprocessor implemented in Node.js. It allows you to render HTML with powerful features such as loops, templates, mixins and native JavaScript logic + support. In this video I take you through the directory structure I'll be using for my future tutorials in this series - you'll learn how to operate the Pug CLI (Command Line Interface) to render some basic HTML. For your reference, check this out: https://pugjs.org/api/getting-started.html Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 9436 dcode
What is Event Delegation? - JavaScript DOM Tutorial
 
06:20
In this video we take a look at what exactly Event Delegation is and how to implement in JavaScript without using a front-end library such as jQuery. By doing it this way, we get a better explanation of what it is and why it's useful. 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! For your reference, check this out: https://davidwalsh.name/event-delegate Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 1247 dcode
The 'apply' method in JavaScript | Function Apply Explained
 
05:58
The 'apply' method (Function.prototype.apply) in JavaScript allows you to call a function like normal but instead of passing in arguments as a comma-separated list, you pass them in as a single array. It also lets you assign the value of the 'this' keyword within that function. In this video I go through a simple and easy example of how the 'apply' function works to find the sum of a few numbers. For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 1479 dcode
Sending Form Data (POST) with the Fetch API in JavaScript
 
08:22
In this video we look at sending form data (POST) with the Fetch API. Fetch makes it super easy to do this and is great for making asynchronous, mobile friendly web applications. The example involves logging in to a site asynchronously. Both types of data are covered: x-www-form-urlencoded and multipart/form-data. 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! For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 2826 dcode