![dcode](/img/default-banner.jpg)
- Видео 768
- Просмотров 19 995 514
dcode
Австралия
Добавлен 29 авг 2017
High quality web development tutorials.
On my channel you can find HTML, CSS & JavaScript tutorials, PHP tutorials, Node.js tutorials and Rust tutorials, as well as many other topics covered in web development. I also enjoy building JavaScript projects every now and then 🙂
Also - my name is Dom and I'm from Australia.
🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - dcodeyt
💸 Support me on Patreon - www.patreon.com/dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
Enjoy!
On my channel you can find HTML, CSS & JavaScript tutorials, PHP tutorials, Node.js tutorials and Rust tutorials, as well as many other topics covered in web development. I also enjoy building JavaScript projects every now and then 🙂
Also - my name is Dom and I'm from Australia.
🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - dcodeyt
💸 Support me on Patreon - www.patreon.com/dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
Enjoy!
Array Every — In 2 Minutes — JavaScript
The array "every" method in JavaScript lets you check if every element in array passes a specified condition. Let's see how it works.
For your reference, check this out:
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every
🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - dcodeyt
💸 Support me on Patreon - www.patreon.com/dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - ruclips.net/channel/UCjX0FtIZBBVD3YoCcxnDC4gjoin
If this video helped you ...
For your reference, check this out:
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every
🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - dcodeyt
💸 Support me on Patreon - www.patreon.com/dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - ruclips.net/channel/UCjX0FtIZBBVD3YoCcxnDC4gjoin
If this video helped you ...
Просмотров: 393
Видео
String Replace - In 2 Minutes - JavaScript
Просмотров 40222 часа назад
The string "replace" method in JavaScript lets you replace a substring with another value within a string. You can also use regular expressions for complex searching and replacing multiple instances. For your reference, check this out: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS C...
Array Some - In 2 Minutes - JavaScript
Просмотров 541День назад
The array "some" method in JavaScript lets you test whether or not at least 1 element in your array passes a specified condition. Perfect for knowing when to display something like an error message if "some" operations have failed on your web app 😎 For your reference, check this out: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some 🏫 My Udemy Courses - www.ude...
Array At - In 2 Minutes - JavaScript
Просмотров 675День назад
The array "at" method in JavaScript lets you access an element at a specific index and supports negative indices. For your reference, check this out: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/at 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord ...
Array Map - In 2 Minutes - JavaScript
Просмотров 698День назад
The array "map" method in JavaScript lets you take an array and transform it into a new one based on the existing array. For your reference, check this out: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my ...
The Easiest Way to Add Icons to Your Website
Просмотров 759День назад
Let me show you the easiest way to add icons to your website. An easy 2-step process using the Ionicons icon library! Ionicons: ionic.io/ionicons 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - discord.gg/TXMQyvbpcA 🐦 Find me on Twitter - dcodeyt 💸 Support me...
How to Access the Webcam - Easy JavaScript Tutorial
Просмотров 1,1 тыс.День назад
In today's video I'll show you how easy it is to access and show the webcam feed using JavaScript. For your reference, check this out: developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - discord.gg/TXMQyvbpcA...
How To Setup Your First React + TypeScript Project With Vite
Просмотров 79021 день назад
Let's have a look at how to setup a React TypeScript Project with Vite - an alternative to using Create React App. For your reference, check this out: vitejs.dev/guide/ 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - discord.gg/TXMQyvbpcA 🐦 Find me on Twitter - twitter.c...
How To EASILY Add Tooltips To Your Website - HTML, CSS & JavaScript Tutorial
Просмотров 82221 день назад
Let's have a look at how to add tooltips to your website using HTML, CSS & JavaScript. This can be done using the Tippy.js library. For your reference, check this out: atomiks.github.io/tippyjs/ 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - discord.gg/TXMQyvbpcA 🐦 Find...
How To Create a Banner - React, Tailwind CSS & TypeScript Tutorial
Просмотров 799Месяц назад
In today's video, I'll show you how to build a Banner component using React, Tailwind CSS and TypeScript. This is a reusable component with different variants such as info, success, warning and error. 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - discord.gg/TXMQyvbpcA ...
5 Ways to Create Arrays in JavaScript
Просмотров 1,1 тыс.Месяц назад
Let's have a look at a few different ways to create arrays in JavaScript 😎 For your reference, check this out: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Array 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - discord.gg/TXMQyvbpcA 🐦 Fin...
How to Truncate Text with CSS - Resolving Common Issues
Просмотров 1,3 тыс.2 месяца назад
In today's video I'll be showing you how to truncate text (single line) with CSS and going over some of the common issues you may face and how to solve them. For your reference, check this out: developer.mozilla.org/en-US/docs/Web/CSS/text-overflow 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜...
Get Selected Text with JavaScript: Quick & Easy Tutorial
Просмотров 1,4 тыс.2 месяца назад
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: developer.mozilla.org/en-US/docs/Web/API/Window/getSelection 🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstud...
How to Style Username and Password Input Fields - HTML & CSS Tutorial
Просмотров 1,5 тыс.2 месяца назад
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 - www.udemy.com/user/domenic-corso/ 🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme 💜 Join my Discord Server - discord.gg/TXMQyvbpcA 🐦 Find me on Twitter - ...
If You Use JSON, Try This - Formatter Extension & Knowing Your Content Type
Просмотров 1,2 тыс.3 месяца назад
Let's have a chat about JSON and returning the correct Content-Type from your APIs. As a bonus, we look at a Chrome extension to format JSON responses and compare it to Firefox. JSON Formatter Chrome Extension: chromewebstore.google.com/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa For your reference, check this out: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Obje...
Build a Mock Data API with Node.js & Express
Просмотров 2,1 тыс.3 месяца назад
Build a Mock Data API with Node.js & Express
Create Your Own Input Field with JavaScript Web Components
Просмотров 2,4 тыс.3 месяца назад
Create Your Own Input Field with JavaScript Web Components
3 Of The BEST Icon Packs For Web Developers - Colors, Sizing, Animations & More!
Просмотров 1,9 тыс.3 месяца назад
3 Of The BEST Icon Packs For Web Developers - Colors, Sizing, Animations & More!
How to Add Badges to Your Buttons - HTML & CSS Tutorial
Просмотров 1,4 тыс.3 месяца назад
How to Add Badges to Your Buttons - HTML & CSS Tutorial
How to React to When an Object Changes in JavaScript
Просмотров 1,3 тыс.3 месяца назад
How to React to When an Object Changes in JavaScript
How to Send Data From iframe To Parent Page - JavaScript postMessage Tutorial
Просмотров 3,6 тыс.4 месяца назад
How to Send Data From iframe To Parent Page - JavaScript postMessage Tutorial
How To Create Styled External Links & Icon with HTML & CSS
Просмотров 1,4 тыс.4 месяца назад
How To Create Styled External Links & Icon with HTML & CSS
Using The CSS Object in JavaScript
Просмотров 1,7 тыс.4 месяца назад
Using The CSS Object in JavaScript
How to Add Scrolling & Sticky Headers to HTML Tables with CSS
Просмотров 8 тыс.5 месяцев назад
How to Add Scrolling & Sticky Headers to HTML Tables with CSS
How To Remove Duplicates From an Array in JavaScript
Просмотров 2,1 тыс.5 месяцев назад
How To Remove Duplicates From an Array in JavaScript
How to Use Slots With JavaScript Web Components
Просмотров 3,6 тыс.5 месяцев назад
How to Use Slots With JavaScript Web Components
How to Create Your Own Context Menu with Icons Using HTML, CSS & JavaScript
Просмотров 2,8 тыс.5 месяцев назад
How to Create Your Own Context Menu with Icons Using HTML, CSS & JavaScript
How to Animate CSS Properties with JavaScript
Просмотров 3,3 тыс.5 месяцев назад
How to Animate CSS Properties with JavaScript
What Exactly Are Nodes In The JavaScript DOM?
Просмотров 4,2 тыс.6 месяцев назад
What Exactly Are Nodes In The JavaScript DOM?
The fact that you made me understand this for only 7 min is so awesome😭😭
nice
tysm!
Dcode, sorry for the bother mate, which theme are you using? I like it, thanks in advance.
Hey, it's called Horizon 👍
👌👌👌🙏🙏🙏👏👏👏🖖🖖🖖🖖🖖
The part where the array is empty but function still returning TRUE is strange !
Yeah it's definitely caused a few headaches in my experience! That's why I had to mention it
This is a great tutorial. Thank you for making it seem simple. Just what I needed for my project.
Forgot about replaceAll()
👍👍👍🙏🙏🙏👏👏👏🖖🖖🖖🖖🖖🖖
thank you
By watching the video for 6 am, I solved my problem. Even ChatGPT was wrong in its solution. Long story short, browser do encoding and decodring out of the box for you as long as it is the URL. You do not have to encode anything. If you are using jQuery etc, then you may have to encode.
Love all these short succinct videos you are doing 💯😃👍
They're enjoyable to make too! I'm uploading a bunch of them now but will start breaking it up soon
Show, show, show
Anyone else think that array.any( ) would've made a lot more sense? 😅 <EDIT> Ok, just now realized that this comment might be a bit misleading. Obviously, there is no array.any() method in Javascript. WHAT I MEANT was: it would've made much more sense if the ECMAScript specified Array.Any() instead of Array.Some() for the intended purposes highlighted in Dom's video. Sorry for the confusion! </EDIT>
Where's iconic DCode theme man?
Man I'm blessed to have it be called "iconic" 🙏 for these 2 minute videos I'm going for a different theme. dcode theme is still around for my standard videos
Nice
😎
👌👌👌🙏🙏🙏🖖🖖🖖🖖🌹🌹🌹
🙏🙏
thanks, i want to point another difference : let a=[34,56,76,87]; a[-2]=999; console.log( a.at(-2) ); //76 console.log( a[-2] ); //999
🤡
yes, care needed. The -2 'element' is not an element but a key of object 'a' (js arrays are also objects). adding keys that way doesn''t change the array length and the key's value (999 here) is ignored when iterating arrays with array methods.
@@batchrocketproject4720 Yup :) 👍
I am still learning (only have done a few courses). What are the useful applications of this? I don't see how it is much easier than just doing: console.log(usernames[1]);
🙏🙏🙏👌👌👌🖖🖖🖖🖖🖖🖖🌹🌹🌹🌹
🙏🙏🙏👌👌👌🖖🖖🖖🖖🖖🖖🌹🌹🌹🌹
You neglected to demonstrate what happens when you go past the limit in the negative direction. For example: result = [ 'dcode', 'new.user.91', 'CodingMan' ].at( -5 ); returns undefined
Good to know that it returns undefined when you go out of range with a negative index as well
Beautiful
Very informative!! Totally using this for now on :)
I have started learning JavaScript very recently. This video is six years ago! Yet, I have found the perfect explanation of my problem.
I did this on my existed gallery so this be on my thumbnails, and on click image would open in bigger resolution etc how every gallery works, the problem is i cant click now on thumbnail and open image because i got this over image, how can i use this idea and still click on my image to open?
Hey DOM, Love your content, Can you please bring 2 or 3 complex frontend project using vanilla JS and for backend using appwrite. It would be awesome if you bring. Thank You
Hey thank you. I can't make any promises as I wanted to focus on React this year 😔
@@dcode-software I vote for as much framework-agnostic content as possible. The best way to learn React is to learn JavaScript.
@@dcode-software okay, if 2 or 3 not possible then please make at least one fully fledged application in Vanilla JS. Which uses all the concepts of the frontend. Thank you 😊
It would be nicer, in case you give some more information about Error object in JS. That is what i am looking for
best and simplest upload js script forever.
Why aren’t using external js file you making beginners confuse
Thank you
Thank you! You helped me make a save button in my Paint.
Thanks for this.
This is so short and precise yet so helpful, thanks a lot.
Great video. Thank you.
hey man thanks for the video , but what about how to custom icon that change with your system mode like dark mode and light mode thanks
Hey. I've got a video on that if you're interested - just do a RUclips search for it!
I would like to ask on how can i add a time frame in which i added a task. for example when i added a task at 9:30pm I want to be able to see beside the task that i added the time frame of 9:30pm. Thankyou in advance for any response that I may encounter
You can look at generating the timestamp using Date object and appending it to the task name
My students and I are having issues with using Visual Studio Code to embed PDFs. Is there a particular combinations of extension recommended so that they preview correctly? Also, once we put the code in, every time we try to type anything the computer opens a box to try to save the file. I've never encountered this error before. Any ideas?
Nice job
Are PDFs that are seen through a web browser (nicely) viewable on a smartphone, iPad, or other non-laptop/desktop computer? Or does will it look like crap?
Great video! thank you!
Man I love how to use good coding practices and not just put everything into one place. Will follow your playlist to learn these good practices.
how does one find the youtube like url so i can add my auto clicker
Bro, can i upload an existing pdf file then adding an image on it?
That's great, thanks. I just styled it in Tailwind classes and it works perfectly. Cheers.