- Видео 462
- Просмотров 632 816
Deeecode The Web
Нидерланды
Добавлен 8 фев 2022
Simplifying Tech, The Web, JavaScript, Frameworks, Web Tools and Technologies.
www.buymeacoffee.com/dillion
Thanks for checking out my channel 😇
I learn a lot about programming languages and technologies in general, and as I learn, I love to share. I'm passionate about simplifying things for others, and I've brought that passion to this channel to help you understand those simply and complex topics, concepts, patterns or tools in the programming world.
If you enjoy any of my videos, I kindly ask that you like and share with others, so everyone gets to learn from my simplified videos 🙏🏾
Also, feel free to leave a request on any topic you would like me to make a video about 🙃
www.buymeacoffee.com/dillion
Thanks for checking out my channel 😇
I learn a lot about programming languages and technologies in general, and as I learn, I love to share. I'm passionate about simplifying things for others, and I've brought that passion to this channel to help you understand those simply and complex topics, concepts, patterns or tools in the programming world.
If you enjoy any of my videos, I kindly ask that you like and share with others, so everyone gets to learn from my simplified videos 🙏🏾
Also, feel free to leave a request on any topic you would like me to make a video about 🙃
A Long Time Before YouTube Runs Out of Video IDs
In this video, I explain why it would take RUclips a really long time before it can run out of IDs. This is due to RUclips's base system for generating IDs.
Subscribe to My Channel: bit.ly/deeecode
_____
🌟 About Me:
Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos.
_____
⚡️ Connect with me:
- Personal youtube: ruclips.net/user/dillionmegida
- Personal website: dillionmegida.com/
- Twitter: iamdillion
- Instagram: deeecode
- LinkedIn: www.linkedin.com/in/dillionmegida/
- GitHub: github.com/dillionmegida
Subscribe to My Channel: bit.ly/deeecode
_____
🌟 About Me:
Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos.
_____
⚡️ Connect with me:
- Personal youtube: ruclips.net/user/dillionmegida
- Personal website: dillionmegida.com/
- Twitter: iamdillion
- Instagram: deeecode
- LinkedIn: www.linkedin.com/in/dillionmegida/
- GitHub: github.com/dillionmegida
Просмотров: 57
Видео
Images Animation from Center, with just CSS
Просмотров 1687 часов назад
In this demo, we do a couple of calculations with CSS Find the full code here: github.com/dillionmegida/demos/tree/main/images-spread-on-load Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos. ⚡️ Connect with me: - Perso...
CURVED MASK EFFECT with Simple CSS
Просмотров 63716 часов назад
By using the ::before and ::after pseudo element, I show you how to build this scrollable curved masked image grid. Find the full code here: github.com/dillionmegida/demos/tree/main/nice-mask-image-grid Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics aro...
No CORS Error on Postman, but on my browser...why?
Просмотров 386День назад
In this video, I explain why Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos. ⚡️ Connect with me: - Personal youtube: ruclips.net/user/dillionmegida - Personal website: dillionmegida.com/ - Twitter: iamdill...
Why Do Browser Extensions Cause Hydration Errors?
Просмотров 51314 дней назад
In this video, I explain how browser extensions can influence hydration errors in React. Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos. ⚡️ Connect with me: - Personal youtube: ruclips.net/user/dillionmegida - Persona...
innerText vs textContent | Does the difference matter?
Просмотров 31914 дней назад
In this video I explain how innerText and textContent differ, and show you cases where one can be useful or the other. Referenced video on ChatGPT response demo: ruclips.net/video/HQ6Ml845Dvs/видео.html Code used in this video: github.com/dillionmegida/demos/tree/main/innertext-vs-textcontent Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software...
Why is NaN not equal to NaN?
Просмотров 1,1 тыс.14 дней назад
In this video, I explain what NaN is in JavaScript and show you why it cannot be equal to itself. Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos. ⚡️ Connect with me: - Personal youtube: ruclips.net/user/dillionmegida ...
Why is your POSITION:STICKY not working? Two main reasons, with solutions
Просмотров 11221 день назад
Sometimes your position sticky element won't stick as expected. In this video, I share the two major reasons why that happens, and share solutions. You'll get to have a good understanding of position sticky in this video. Code used in this video: github.com/dillionmegida/demos/tree/main/problem-with-position-sticky Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of ...
Why AWAIT Can Only Be Used in ASYNC Functions?
Просмотров 1,1 тыс.28 дней назад
JavaScript is a non-blocking language, and that is one of the reasons why AWAIT is restricted to ASYNC functions (or modules). What makes this restriction so important? I explain that in this video in detail. Code for the video here: github.com/dillionmegida/demos/tree/main/why-await-always-in-async Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a S...
Why Await Twice With The Fetch API
Просмотров 3,3 тыс.28 дней назад
Do you ever wonder why you have to do await fetch, and then do await response.json()? Why are both operations asynchronous? I explain that in this video. Here's the code for the video: github.com/dillionmegida/demos/tree/main/why-await-response-json Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content ...
My Workspace Accessories
Просмотров 235Месяц назад
I don't think I have a very "fancy" workspace, but I have some gadgets and devices, that improve my workflow for coding and making videos. I shared them in this video. Links: Sony ZV-E10: www.amazon.nl/-/en/gp/product/B098LWQPRT/ref=ppx_yo_dt_b_search_asin_title?ie=UTF8&psc=1 Sigma 16mm f1.4 Lens: www.amazon.nl/-/en/gp/product/B077BWD2BB/ref=ppx_yo_dt_b_search_asin_title?ie=UTF8&th=1 Shure MV7X...
How To Check Internet Access With JavaScript
Просмотров 454Месяц назад
In this video, I show how you can check network connection and internet access with JavaScript. Find the full code here: github.com/dillionmegida/demos/tree/main/check-internet-access Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articl...
5 Underrated but USEFUL JavaScript Events
Просмотров 355Месяц назад
In this video, I walk through 5 JavaScript events that are not talked about enough but can be very useful in your applications. Code for this video can be found here: github.com/dillionmegida/demos/tree/main/5-useful-js-events Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate abou...
Useful JavaScript Event That No One Talks About
Просмотров 663Месяц назад
In this video, I highlight the animationend event in JavaScript which is useful for triggering certain logic after a CSS animation completes. Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos. ⚡️ Connect with me: - Perso...
3 Use Cases of the Page Visibility API for your website
Просмотров 112Месяц назад
In this video, I show 3 use cases of the page visibility api for reducing used resources and improving user interaction on your website. You can find the code here: github.com/dillionmegida/demos/tree/main/page-visibility-api Subscribe to My Channel: bit.ly/deeecode 🌟 About Me: Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about...
What Exactly is Cumulative Layout Shift in webdev
Просмотров 176Месяц назад
What Exactly is Cumulative Layout Shift in webdev
Search Native Apps from Apple Shortcuts with Custom URL Schemes
Просмотров 169Месяц назад
Search Native Apps from Apple Shortcuts with Custom URL Schemes
Improve your Desktop Experience with Custom URL Schemes
Просмотров 167Месяц назад
Improve your Desktop Experience with Custom URL Schemes
How Do Websites Navigate to Native Apps? Custom URL Schemes
Просмотров 1,4 тыс.2 месяца назад
How Do Websites Navigate to Native Apps? Custom URL Schemes
What Exactly is Serverless? No Servers?
Просмотров 4102 месяца назад
What Exactly is Serverless? No Servers?
How Does Vercel Do Custom Context Menus? The Context Menu Event
Просмотров 3822 месяца назад
How Does Vercel Do Custom Context Menus? The Context Menu Event
How Does WhatsApp Web Know Of Multiple Tabs? The Broadcast Channel API
Просмотров 8 тыс.2 месяца назад
How Does WhatsApp Web Know Of Multiple Tabs? The Broadcast Channel API
Why use the FINALLY in try...catch...finally?
Просмотров 2563 месяца назад
Why use the FINALLY in try...catch...finally?
Easy Image Previews with JavaScript CreateObjectURL
Просмотров 4213 месяца назад
Easy Image Previews with JavaScript CreateObjectURL
Make External Resources Downloadable On Your Website with BLOBs and ObjectURLs
Просмотров 1593 месяца назад
Make External Resources Downloadable On Your Website with BLOBs and ObjectURLs
Quick Shell Command for Deleting Local Merged Branches
Просмотров 1003 месяца назад
Quick Shell Command for Deleting Local Merged Branches
Allow Users Easily Share Text & Media In Your Applications
Просмотров 5854 месяца назад
Allow Users Easily Share Text & Media In Your Applications
Substring with Concatenation of All Words | Group Solution
Просмотров 7924 месяца назад
Substring with Concatenation of All Words | Group Solution
they'll be running out of storage in their data centers before running out of ID's 😆
Thanks! Does HasData help with scraping job data from Netlify too? Sounds like a useful tool.
thx... very clear
this was great and crystal clear.
Perfect explanation - thank you
Nice
This demo reminds me about how Filter is really an underused property in my opinion. Esp now with the :has() selector , we can make all images that are .parent:has(img:hover) > img:not(:hover) { filter: saturation(20%); } Everyone loves backdrop-filter: blur() (even with safaris issues) but I really want to implement filter more often. One easy thing I’ve been doing is for buttons , instead of adjusting their background color on hover (which is fun using relative colours or color-mix() fx), I have been using filter: brightness(130%); and yes it’s animatable/transitionable!
Hey, welcome to you.
amazing tips
this is good man <3
The whole series is solid content to understand React JS concepts in a nutshell. Kudos to your work. :)
THANK YOU!!!
I've been searching for this for the last 3 weeks. You have no idea how helpful it is for me. ❤❤
Just got yourself a new subscriber ♥
this is how you explain something like you are talking to a five year old. subscribed immediately
Wow... Really loved that. want more like this..... Subscribed
How different is the inset property to the top left right and bottom I was thinking they are same thing when positioning an element absolutely
New subscriber!!
Love what you did, but you didn't get the shape perfectly well, I think if you used clip path generator to make sure you get as close as possible to the shape it would have been better
thank you for the feedback. like i highlighted, there are many ways to do this can you please explain what makes my shape different?
@deeecode I know it may sound I am nitpicking but the shape especially the center of the curve goes way deeper than what you did there
Wow , am sleeping on your page bro
Love ur content
excellent explanation
Hey thanks can I ask a question is this what I need if 1. Users come to my site and see a bunch of useful documents eg. Insurance handbooks 2. All the handbooks are actually hosted on other sites as pdfs 3. But I want the user to click on a link on my website and they just see the download happen without having to go to the other website first and click download there? I think this works right as you said?
Thanks so much bs on the internet finally found what i needed!
Tank you brother!
Best explanation, thanks
Cold !== Cold is a great comparison !
F*ck React. These people can't build something that works.
So...there is no way to bypass it? for instance a free Api I want to use for my Project and i cant contact the developer to remove the CORS policy I will just have to leave the Api? Or is there a way to bypass it from the browser?
it's a browser thing, so even if you do bypass this for yourself it won't work for others
Very well explained
nice explication , thank youu .
thanks for your efforts , Great Video !
Good explanation.
Really Awesome... Your way of teaching is really simple and awesome. Love it bro.... you explained it perfectly.
Not working when send a request to backend from frontend
is the backend also localhost? if that's the case, then it's because the frontend on this public https forwarded address is trying to send a request to localhost on your computer and that's not possible
❤❤❤❤❤
In my latest video, I explain why BROWSER EXTENSIONS also cause this error: ruclips.net/video/xBHMciXODls/видео.html
Very nice
Bro make content around Reactjs for beginners Would b helpful 🙏
He has a full react beginner playlist already.
I have a course here: ruclips.net/p/PLLdz3KlabJv3U7Hdibr4S8VgM0-NQm-h2 I still need to add more videos though
@deeecode will b learning from here then. Do try to complete d playlist if possible 🙏
@@JDK_24 yeah i'll continue it hopefully soon
Nice. Thanks
Hi there, thank you for this great video! This really helped me understand how to handle layout shifts. For cases we do not know the specific aspect ratio to use, can we use aspect-ratio: auto to avoid layout shift?
I'm glad this video was helpful. aspect-ratio auto cannot work because the browser needs to "know" the ratio before the image arrives to avoid layout shift. The best solution to this is to define an aspect ratio then create your images based on that, or have a fixed ratio and use object-fit: contain, so that all the images can show in their full layout even though they might not fill the container. Does this help?
Why is it on page reload entries.length takes into account all entries being observed but as the user scrolls down the page and the callback function gets called, entries.length will always equal to one.? Would anyone care to explain? Thanks
The simplest explanation i've found, and the visual changes help a lot. Thank you for this!
You're very welcome!
Keep posting such conceptual videos on JavaScript because ot is helping to all the developers from Angular, React or Vue.
I'm really glad to hear, and yes, I'm exploring these conceptual videos more nowadays
Great bro❤, you are doing videos on topics that no ones does.
thanks for the kind feedback
Dear JavaScript throw an exception for invalid operations!!! wtf is NaN?!! Jst throw an exception!!!
🤣🤣🤣
Great video. Thumbs up!!
thank you
super crystal clear explanation
Glad it was helpful!
Super explanation
actually yes 😂 when preparing for the video, i thought about the joke, but while recording I forgot to make it 🥲
I personally appriacte how you explain the code and make it easier to understand the logic behind this.
I'm glad to hear this was helpful