Deeecode The Web
Deeecode The Web
  • Видео 462
  • Просмотров 632 816
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
Просмотров: 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?
Webcam Recording with JavaScript
Просмотров 3803 месяца назад
Webcam Recording with JavaScript
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
#12 GIT REMOTE
Просмотров 1133 месяца назад
#12 GIT REMOTE
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

Комментарии

  • @ricko13
    @ricko13 27 минут назад

    they'll be running out of storage in their data centers before running out of ID's 😆

  • @denverpopin3224
    @denverpopin3224 16 часов назад

    Thanks! Does HasData help with scraping job data from Netlify too? Sounds like a useful tool.

  • @BunyaminTuran-nx5zz
    @BunyaminTuran-nx5zz День назад

    thx... very clear

  • @tiktokikzz1502
    @tiktokikzz1502 День назад

    this was great and crystal clear.

  • @lewisd30088
    @lewisd30088 2 дня назад

    Perfect explanation - thank you

  • @ukaegbugreatjnr
    @ukaegbugreatjnr 3 дня назад

    Nice

  • @clevermissfox
    @clevermissfox 3 дня назад

    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!

  • @HousseinDroubi-o9i
    @HousseinDroubi-o9i 3 дня назад

    Hey, welcome to you.

  • @jacsdaniel
    @jacsdaniel 4 дня назад

    amazing tips

  • @Nothing-cx4jt
    @Nothing-cx4jt 4 дня назад

    this is good man <3

  • @dineshkumar-rd4bp
    @dineshkumar-rd4bp 4 дня назад

    The whole series is solid content to understand React JS concepts in a nutshell. Kudos to your work. :)

  • @ВладимирМатвеев-э4г

    THANK YOU!!!

  • @aurobindobhuyan2107
    @aurobindobhuyan2107 4 дня назад

    I've been searching for this for the last 3 weeks. You have no idea how helpful it is for me. ❤❤

  • @ejemeniboi
    @ejemeniboi 6 дней назад

    Just got yourself a new subscriber ♥

  • @ShaaperaSewuese
    @ShaaperaSewuese 6 дней назад

    this is how you explain something like you are talking to a five year old. subscribed immediately

  • @mujibulhaquetanim
    @mujibulhaquetanim 6 дней назад

    Wow... Really loved that. want more like this..... Subscribed

  • @SimonChikezie
    @SimonChikezie 6 дней назад

    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

  • @tommeka1210
    @tommeka1210 7 дней назад

    New subscriber!!

  • @emmanuelxs6143
    @emmanuelxs6143 7 дней назад

    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

    • @deeecode
      @deeecode 7 дней назад

      thank you for the feedback. like i highlighted, there are many ways to do this can you please explain what makes my shape different?

    • @emmanuelxs6143
      @emmanuelxs6143 7 дней назад

      @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

  • @ukaegbugreatjnr
    @ukaegbugreatjnr 7 дней назад

    Wow , am sleeping on your page bro

  • @johniweh2356
    @johniweh2356 7 дней назад

    Love ur content

  • @din-Ish5771
    @din-Ish5771 9 дней назад

    excellent explanation

  • @sergelioutyi
    @sergelioutyi 9 дней назад

    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?

  • @sergelioutyi
    @sergelioutyi 9 дней назад

    Thanks so much bs on the internet finally found what i needed!

  • @Greatjunior
    @Greatjunior 9 дней назад

    Tank you brother!

  • @Greatjunior
    @Greatjunior 9 дней назад

    Best explanation, thanks

  • @clevermissfox
    @clevermissfox 10 дней назад

    Cold !== Cold is a great comparison !

  • @babakfp
    @babakfp 10 дней назад

    F*ck React. These people can't build something that works.

  • @muritalaahmed
    @muritalaahmed 10 дней назад

    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?

    • @debargha0_0
      @debargha0_0 5 дней назад

      it's a browser thing, so even if you do bypass this for yourself it won't work for others

  • @siya.abc123
    @siya.abc123 10 дней назад

    Very well explained

  • @nivmatallah
    @nivmatallah 11 дней назад

    nice explication , thank youu .

  • @vvs9639
    @vvs9639 12 дней назад

    thanks for your efforts , Great Video !

  • @flowersetcthecupertinoflor4045
    @flowersetcthecupertinoflor4045 12 дней назад

    Good explanation.

  • @SebooEdits
    @SebooEdits 12 дней назад

    Really Awesome... Your way of teaching is really simple and awesome. Love it bro.... you explained it perfectly.

  • @nayanacharya4425
    @nayanacharya4425 14 дней назад

    Not working when send a request to backend from frontend

    • @deeecode
      @deeecode 14 дней назад

      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

  • @MohammedAlziko
    @MohammedAlziko 14 дней назад

    ❤❤❤❤❤

  • @deeecode
    @deeecode 14 дней назад

    In my latest video, I explain why BROWSER EXTENSIONS also cause this error: ruclips.net/video/xBHMciXODls/видео.html

  • @hardeep8587
    @hardeep8587 14 дней назад

    Very nice

  • @JDK_24
    @JDK_24 14 дней назад

    Bro make content around Reactjs for beginners Would b helpful 🙏

    • @TechHub-x9w
      @TechHub-x9w 14 дней назад

      He has a full react beginner playlist already.

    • @deeecode
      @deeecode 14 дней назад

      I have a course here: ruclips.net/p/PLLdz3KlabJv3U7Hdibr4S8VgM0-NQm-h2 I still need to add more videos though

    • @JDK_24
      @JDK_24 14 дней назад

      @deeecode will b learning from here then. Do try to complete d playlist if possible 🙏

    • @deeecode
      @deeecode 14 дней назад

      @@JDK_24 yeah i'll continue it hopefully soon

  • @WatsonCyrusAnikwai
    @WatsonCyrusAnikwai 15 дней назад

    Nice. Thanks

  • @JujaiJujai
    @JujaiJujai 15 дней назад

    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?

    • @deeecode
      @deeecode 14 дней назад

      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?

  • @colindante5164
    @colindante5164 15 дней назад

    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

  • @trimalakismeno
    @trimalakismeno 16 дней назад

    The simplest explanation i've found, and the visual changes help a lot. Thank you for this!

    • @deeecode
      @deeecode 14 дней назад

      You're very welcome!

  • @ajiteshmishra0005
    @ajiteshmishra0005 16 дней назад

    Keep posting such conceptual videos on JavaScript because ot is helping to all the developers from Angular, React or Vue.

    • @deeecode
      @deeecode 14 дней назад

      I'm really glad to hear, and yes, I'm exploring these conceptual videos more nowadays

  • @sssrikanthhh
    @sssrikanthhh 16 дней назад

    Great bro❤, you are doing videos on topics that no ones does.

    • @deeecode
      @deeecode 14 дней назад

      thanks for the kind feedback

  • @spacebuddy5339
    @spacebuddy5339 16 дней назад

    Dear JavaScript throw an exception for invalid operations!!! wtf is NaN?!! Jst throw an exception!!!

    • @deeecode
      @deeecode 14 дней назад

      🤣🤣🤣

  • @Freshmarketers
    @Freshmarketers 16 дней назад

    Great video. Thumbs up!!

  • @mukeshkommuri
    @mukeshkommuri 17 дней назад

    super crystal clear explanation

    • @deeecode
      @deeecode 14 дней назад

      Glad it was helpful!

  • @mukeshkommuri2259
    @mukeshkommuri2259 17 дней назад

    Super explanation

    • @deeecode
      @deeecode 14 дней назад

      actually yes 😂 when preparing for the video, i thought about the joke, but while recording I forgot to make it 🥲

  • @Pixelyze-tech
    @Pixelyze-tech 18 дней назад

    I personally appriacte how you explain the code and make it easier to understand the logic behind this.

    • @deeecode
      @deeecode 14 дней назад

      I'm glad to hear this was helpful