Get to know some JavaScript events commonly used in web applications, along with the Dcode channel
https://youtu.be/Vu60OLyLa-w
#events #dcode
https://youtu.be/Vu60OLyLa-w
#events #dcode
YouTube
5 POWERFUL JavaScript Events You Didn't Know
Let's have a look at 5 super powerful JavaScript events that you probably didn't know.
🎓 COMPLETE JAVASCRIPT CRASH COURSE FOR BEGINNERS 👇:
https://www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1
Chapters:…
🎓 COMPLETE JAVASCRIPT CRASH COURSE FOR BEGINNERS 👇:
https://www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1
Chapters:…
An important exercise from Dcode on converting image files to Base64 format
https://youtu.be/EPlXPdNvQEY
#base64 #dcode #image
https://youtu.be/EPlXPdNvQEY
#base64 #dcode #image
YouTube
How to Convert Images Into Base 64 Data URLs with JavaScript
In today's tutorial I'll show you how to convert an image to data URL in JavaScript. This is very easy to do by using the FileReader object.
For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Glossary/Base64
🏫 My Udemy Courses…
For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Glossary/Base64
🏫 My Udemy Courses…
Exercise from Dcode on several ways to add properties into Object
https://youtu.be/M5l__DiqRno
#object #property #dcode
https://youtu.be/M5l__DiqRno
#object #property #dcode
YouTube
The Best Way to Add Properties to an Object in JavaScript?
In today's video, we'll take a look at the defineProperty() function in JavaScript which is a powerful way to add properties to an object, providing more flexibility and options.
This includes things like read-only properties, getters, and setters.
For…
This includes things like read-only properties, getters, and setters.
For…
Practice from Dcode on how to detect device screen orientation portrait or landscape with JavaScript
https://www.youtube.com/watch?v=uXKCDwPwUZg
—-
Create Youtube playlists based on Spotify playlists with Node JS
https://javascript.plainenglish.io/create-a-youtube-playlist-from-a-spotify-playlist-using-javascript-bb84b1532638
#dcode #orientation #playlist
https://www.youtube.com/watch?v=uXKCDwPwUZg
—-
Create Youtube playlists based on Spotify playlists with Node JS
https://javascript.plainenglish.io/create-a-youtube-playlist-from-a-spotify-playlist-using-javascript-bb84b1532638
#dcode #orientation #playlist
YouTube
How to Detect Device Orientation in JavaScript (Portrait/Landscape Mode)
In today's video I'll show you how easy it is to detect device orientation (portrait or landscape mode) on desktop and mobile devices in JavaScript for the web.
This is easily done using media queries and the matchMedia method found on the window object.…
This is easily done using media queries and the matchMedia method found on the window object.…
Reference from Dcode on some Javascript projects that can be studied to deepen JavaScript
https://youtu.be/A8LCUkHLSCA
---
A collection of several JavaScript code shortcuts or shorthands
https://blog.openreplay.com/top-javascript-shorthand-techniques
---
Creating a data String from a JavaScript Array content
https://dev.to/gaelgthomas/array-to-string-without-commas-in-javascript-4mg6
---
Getting to know the "this" Object in Javascript
https://javascript.plainenglish.io/do-you-really-know-this-in-javascript-cbdd80b79442
---
Several TypeScript libraries to help with application development
https://betterprogramming.pub/5-typescript-libraries-to-improve-your-codebase-d26f74a5c3
#dcode #project #array #string #this #library
https://youtu.be/A8LCUkHLSCA
---
A collection of several JavaScript code shortcuts or shorthands
https://blog.openreplay.com/top-javascript-shorthand-techniques
---
Creating a data String from a JavaScript Array content
https://dev.to/gaelgthomas/array-to-string-without-commas-in-javascript-4mg6
---
Getting to know the "this" Object in Javascript
https://javascript.plainenglish.io/do-you-really-know-this-in-javascript-cbdd80b79442
---
Several TypeScript libraries to help with application development
https://betterprogramming.pub/5-typescript-libraries-to-improve-your-codebase-d26f74a5c3
#dcode #project #array #string #this #library
YouTube
7 Unique JavaScript Project Ideas to Build Your Skills (With Guides!)
In today's video, I'll take you through 7 unique JavaScript project ideas to help build your skills - perfect for beginner to intermediate developers.
🎓 ULTIMATE JAVASCRIPT DOM CRASH COURSE:
https://www.udemy.com/course/the-ultimate-javascript-dom-crash…
🎓 ULTIMATE JAVASCRIPT DOM CRASH COURSE:
https://www.udemy.com/course/the-ultimate-javascript-dom-crash…
Exercise from Dcode on how to Deep clone or deep copy an object or JavaScript array
https://www.youtube.com/watch?v=LnBxD1aXw7I
#clone #dcode #deep #copy #object #array
https://www.youtube.com/watch?v=LnBxD1aXw7I
#clone #dcode #deep #copy #object #array
YouTube
The Best Way to Deep Copy Objects or Arrays in JavaScript - structuredClone()
In today's video I'll be taking you through one of the best ways to perform a
deep clone (copy) or an array or object in JavaScript. This uses a recent function addition called "structuredClone()".
Please be way about browser compatibility which you can…
deep clone (copy) or an array or object in JavaScript. This uses a recent function addition called "structuredClone()".
Please be way about browser compatibility which you can…
Exercise from Dcode on using Array Reduce manipulation in JavaScript
https://youtu.be/NhvFRjFGpdc
---
Some common Array manipulation functions in JavaScript ES2015
https://javascript.plainenglish.io/6-useful-array-functions-in-es6-you-must-know-about-60078891a2e9
---
Multiple ways of looping inside an Array
https://javascript.plainenglish.io/the-methods-of-traversing-an-array-in-javascript-5502df5f7703
---
#array #dcode #reduce #es2015
https://youtu.be/NhvFRjFGpdc
---
Some common Array manipulation functions in JavaScript ES2015
https://javascript.plainenglish.io/6-useful-array-functions-in-es6-you-must-know-about-60078891a2e9
---
Multiple ways of looping inside an Array
https://javascript.plainenglish.io/the-methods-of-traversing-an-array-in-javascript-5502df5f7703
---
#array #dcode #reduce #es2015
YouTube
5 Real Life Examples of Array Reduce in JavaScript
A lot of guides online (including my own) will show the "sum of all numbers" example when explaining how the array reduce method works.
In this video, I'll take you through 5 unique and applicable examples of using the reduce method in JavaScript.
Chapters:…
In this video, I'll take you through 5 unique and applicable examples of using the reduce method in JavaScript.
Chapters:…
Tips for writing clean code with JavaScript with chan Dcode
https://youtu.be/b59AgnPOGxc
#dcode #clean #code
https://youtu.be/b59AgnPOGxc
#dcode #clean #code
YouTube
3+ Ways to Write Clean Code in JavaScript
View the Starting Code:
https://dcode.domenade.com/tutorials/3-ways-write-clean-code-in-javascript
Coding is an art, so why not make it as clean as possible? In this video I go over 3 techniques I like to implement to help make my JavaScript code easier…
https://dcode.domenade.com/tutorials/3-ways-write-clean-code-in-javascript
Coding is an art, so why not make it as clean as possible? In this video I go over 3 techniques I like to implement to help make my JavaScript code easier…
An exercise from Dcode creating a function and a Download data button on a web application page
https://www.youtube.com/watch?v=_EnQ-d09fXE
#dcode #download
https://www.youtube.com/watch?v=_EnQ-d09fXE
#dcode #download
YouTube
Easily Add a Download Button to Your Websites - HTML, CSS & JavaScript Tutorial
For your reference, check this out:
🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA…
🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA…
Practice with Dcode building a Todo List application with JavaScript, HTML, and CSS
https://www.youtube.com/watch?v=cijPd-TXPn4
#todo #list #dcode #css #html
https://www.youtube.com/watch?v=cijPd-TXPn4
#todo #list #dcode #css #html
YouTube
Build a To-Do List in 20 MINUTES with JavaScript
In today's video, I'll show you how easy it is to build a To-Do List App using HTML, CSS & JavaScript. No frameworks are involved in this project and it's great for beginners who want to learn Local Storage and how to build user interfaces for the web.
🏫…
🏫…
Explanation of the "this" object along with the Dcode channel
https://www.youtube.com/watch?v=jNbyhlvshD0
#this #dcode #object
https://www.youtube.com/watch?v=jNbyhlvshD0
#this #dcode #object
YouTube
The Simplest Explanation of This in JavaScript
In today's video we'll explore the simplicity of the "this" keyword in JavaScript, which is one of the most disliked features of the language. I think it's rather simple to understand with the help of logging.
For your reference, check this out:
https:/…
For your reference, check this out:
https:/…
Practice with Dcode creating simple web applications as an introduction to DOM manipulation with JavaScript
https://www.youtube.com/watch?v=bznJPt4t_4s
#dom #dcode #html
https://www.youtube.com/watch?v=bznJPt4t_4s
#dom #dcode #html
YouTube
Learn the JavaScript DOM With This Project - Memory Game
View the SOURCE CODE:
https://dcode.domenade.com/tutorials/memory-game-with-javascript-dom
The best way to learn the JavaScript DOM is to build something with it. In this video, we'll be building a memory game.
🏫 My Udemy Courses - https://www.udemy.com/user/domenic…
https://dcode.domenade.com/tutorials/memory-game-with-javascript-dom
The best way to learn the JavaScript DOM is to build something with it. In this video, we'll be building a memory game.
🏫 My Udemy Courses - https://www.udemy.com/user/domenic…
Practice from Dcode how to parse XML data with JavaScript
https://www.youtube.com/watch?v=lUCQgqc4K2A
#xml #parse #dcode
https://www.youtube.com/watch?v=lUCQgqc4K2A
#xml #parse #dcode
YouTube
The Easiest Way to Parse XML with JavaScript
In this video, I'll show you how easy it is to parse XML strings using JavaScript - no libraries or frameworks are required to do this 🙂
Towards the end I'll also show a Fetch example where an XML document is retrieved from a file and then parsed to access…
Towards the end I'll also show a Fetch example where an XML document is retrieved from a file and then parsed to access…
Exercises from Dcode about several Array manipulation methods that need to be known and learned
https://www.youtube.com/watch?v=MLGp0kxTstw
#dcode #array #method
https://www.youtube.com/watch?v=MLGp0kxTstw
#dcode #array #method
YouTube
7 Powerful JavaScript Methods You NEED To Know
Let's have a look at 7 POWERFUL JavaScript Methods that you need to know if you're serious about JavaScript development 😉
Chapters:
0:00 Intro
0:07 some()
1:31 matches()
3:31 filter()
4:58 cloneNode()
7:04 map()
8:40 append()
10:38 unshift()
12:01 Goodbye…
Chapters:
0:00 Intro
0:07 some()
1:31 matches()
3:31 filter()
4:58 cloneNode()
7:04 map()
8:40 append()
10:38 unshift()
12:01 Goodbye…
How to Decode and Encode base64 data in JavaScript
https://www.freecodecamp.org/news/encode-decode-html-base64-using-javascript/
---
Introduction to JavaScript Objects and examples
https://www.freecodecamp.org/news/objects-in-javascript/
---
An introduction to what higher order functions are in JavaScript
https://www.freecodecamp.org/news/higher-order-functions-in-javascript-explained/
---
How to remove undefined values inside Object
https://javascript.plainenglish.io/how-to-remove-undefined-values-from-objects-in-javascript-e81e90891c4d
---
Using Nullish Coalescing in JavaScript
https://javascript.plainenglish.io/maximizing-javascript-code-quality-a-guide-to-using-the-nullish-coalescing-operator-66e23b739095
---
#base64 #dcode #encode #undefined #object
https://www.freecodecamp.org/news/encode-decode-html-base64-using-javascript/
---
Introduction to JavaScript Objects and examples
https://www.freecodecamp.org/news/objects-in-javascript/
---
An introduction to what higher order functions are in JavaScript
https://www.freecodecamp.org/news/higher-order-functions-in-javascript-explained/
---
How to remove undefined values inside Object
https://javascript.plainenglish.io/how-to-remove-undefined-values-from-objects-in-javascript-e81e90891c4d
---
Using Nullish Coalescing in JavaScript
https://javascript.plainenglish.io/maximizing-javascript-code-quality-a-guide-to-using-the-nullish-coalescing-operator-66e23b739095
---
#base64 #dcode #encode #undefined #object
freeCodeCamp.org
How to Encode and Decode HTML Base64 using JavaScript – JS Encoding Example
When building an application or writing a program, you may need to encode or decode with HTML Base64 in JavaScript. This is possible thanks to two Base64 helper functions that are part of the HTML specification and are supported by all modern browsers. In…
Tips and tricks for optimizing the appearance of web applications with Dcode
https://www.youtube.com/watch?v=VEJesN2tjOI
ES Module introduction exercise with Dcode to export multiple functions at once
https://www.youtube.com/watch?v=JZtJohuW9JM
Practice with Dcode how to use fonts from Google Fonts
https://www.youtube.com/watch?v=vPPrk0Kwmx8
Some JavaScript functions that need to be understood
https://youtu.be/5p_gpP9_RO0
Practice with Dcode on how to configure JS Node on WSL, Mac, and Linux
https://www.youtube.com/watch?v=R73JI8rwkKc
An exercise from Dcode on how to detect mobile devices with JavaScript
https://www.youtube.com/watch?v=VKZvBf0VLXE
#detection #mobile
#nodejs #wsl #linux #mac
#function #fonts #google
#export #esm #tips #look #dcode
https://www.youtube.com/watch?v=VEJesN2tjOI
ES Module introduction exercise with Dcode to export multiple functions at once
https://www.youtube.com/watch?v=JZtJohuW9JM
Practice with Dcode how to use fonts from Google Fonts
https://www.youtube.com/watch?v=vPPrk0Kwmx8
Some JavaScript functions that need to be understood
https://youtu.be/5p_gpP9_RO0
Practice with Dcode on how to configure JS Node on WSL, Mac, and Linux
https://www.youtube.com/watch?v=R73JI8rwkKc
An exercise from Dcode on how to detect mobile devices with JavaScript
https://www.youtube.com/watch?v=VKZvBf0VLXE
#detection #mobile
#nodejs #wsl #linux #mac
#function #fonts #google
#export #esm #tips #look #dcode
YouTube
3 Easy Ways to Make Your Website Look More Professional
In this video I'll take you through 3 simple ways to make your website more professional - these can be applied to *any* website and only take a few lines of code.
🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme…
🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme…
Added Google Maps functionality inside Vue JS
https://blog.openreplay.com/integrating-google-maps-into-vue-applications/
---
Practice using Asynchronous concepts in JavaScript
https://dev.to/oluwatobi_/mastering-asynchronous-programming-in-javascript-unraveling-the-magic-of-asyncawait-promises-and-more-3lc5
---
Introduction to Promises in JavaScript
https://dev.to/mursalfk/understanding-javascript-promise-methods-and-prototypes-46aa
---
Exercises from Dcode on the introduction of several Object manipulation functions such as Object.keys(), Object.values() and Object.entries()
https://www.youtube.com/watch?v=UxMdQmJfWM8
---
#object #dcode
#async #promise #await
#maps #vue #googlemaps
https://blog.openreplay.com/integrating-google-maps-into-vue-applications/
---
Practice using Asynchronous concepts in JavaScript
https://dev.to/oluwatobi_/mastering-asynchronous-programming-in-javascript-unraveling-the-magic-of-asyncawait-promises-and-more-3lc5
---
Introduction to Promises in JavaScript
https://dev.to/mursalfk/understanding-javascript-promise-methods-and-prototypes-46aa
---
Exercises from Dcode on the introduction of several Object manipulation functions such as Object.keys(), Object.values() and Object.entries()
https://www.youtube.com/watch?v=UxMdQmJfWM8
---
#object #dcode
#async #promise #await
#maps #vue #googlemaps
Openreplay
Integrating Google Maps into Vue applications
Add Google Maps to your own Vue-based website
Exercises from Dcode create a data search function in an Array
https://www.youtube.com/watch?v=q5X6qJ9yqRs
#array #search #dcode
https://www.youtube.com/watch?v=q5X6qJ9yqRs
#array #search #dcode
YouTube
The Smartest Way to Search Arrays in JavaScript
In today's video, we have a look at different ways to search arrays in JavaScript - things such as includes(), find() and findIndex() can be used to do this 😎
For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Re…
For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Re…
Dcode - A New Way to Update Arrays in JavaScript - with() Method
https://www.youtube.com/watch?v=60-TPwX4J5g
#array #dcode
https://www.youtube.com/watch?v=60-TPwX4J5g
#array #dcode
YouTube
A New Way to Update Arrays in JavaScript - with() Method
In today's video, we have a closer look at JavaScript's new method called "with()" which lets you update an array by index - but, it returns a new array instead of updating it in place 😎
Check Compatibility Before Using with():
https://developer.mozilla.org/en…
Check Compatibility Before Using with():
https://developer.mozilla.org/en…
Dcode - 3 New & Exciting JavaScript Array Methods
https://www.youtube.com/watch?v=qBEoTaPhvT4
#dcode #array #method
https://www.youtube.com/watch?v=qBEoTaPhvT4
#dcode #array #method
YouTube
3 New & Exciting JavaScript Array Methods
In today's video, we have a look at 3 new and exciting JavaScript array methods that make your code simpler and easier to understand!
For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toSorted…
For your reference, check this out:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toSorted…