xplodivity
xplodivity
  • 173
  • 533 851
What is cross-site, same-site, cross-origin & same-origin | Web Security
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds
Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885
Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html
What you'll get:
- Lifetime access
- Full video explanations of building each project from scratch
- 10+ hours of premium content
- Step-by-step explanations and code walkthroughs
- No bullshit, No time waste
- This project list Should get you ready for any JavaScript live coding interview round.
- Extremely cheap (You'll be surprised)
- Practical tips and strategies for mastering JavaScript
- Confidence in handling technical interviews
- Enhanced JavaScript proficiency
Content list:
1. File Explorer (similar to vs-code)
2. Infinitely Nested comments
3. Advanced Custom Toast notification from scratch
4. Drag & Drop, Swap, Add and delete elements using JavaScript
5. Custom Calendar/Date-picker
6. Multi-Select dropdown with support to add & remove elements
7. Build a Memory game with all rules integrated
8. Build an analog clock with smooth animation
9. Dynamic Progress bar with custom input support
10. Build a Star rating system with dynamic hover effects
11. Build a tic tac toe game with best practices
12. Advanced To-Do List with Local Storage support
13. Accordion with smooth transition effects
14. Countdown timer & days remaining timer
15. Create a custom modal
16. Build an optimised Chessboard
zhlédnutí: 189

Video

Object method binding (JavaScript interview question)
zhlédnutí 232Před 21 dnem
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expla...
Everything you need to know about memoization in JavaScript
zhlédnutí 309Před 28 dny
00:00 - Intro Example 1 17:30 - Example 2 Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hou...
Session tokens & JWT tokens explained
zhlédnutí 438Před měsícem
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expla...
Build this AMAZING Transfer List in React Js
zhlédnutí 794Před 2 měsíci
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expla...
How pagination can cause poor SEO (No more Infinite Scrolling?)
zhlédnutí 289Před 2 měsíci
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expla...
Normalize Data in Objects (JavaScript Interview Question)
zhlédnutí 576Před 2 měsíci
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expla...
JavaScript Interview Question (Method chaining) | Intermediate Level
zhlédnutí 346Před 2 měsíci
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expla...
Build 12 Unique & Amazing React Js projects (Full Course)
zhlédnutí 15KPřed 3 měsíci
Timestamps: 00:00 - Intro 00:08 - Build this INSANE data table in React JS (With CRUD, Search Filter & Pagination) 01:10:10 - How to Build an Infinite Nested Comments System in React JS | System Design Code 01:30:20 - Build this INSANE Multi filter feature for your next project | React Js 01:36:02 - Build a Multi Level dropdown with Infinite nesting in React js 01:55:20 - How to build a Traffic...
Understand website bandwidth to save millions of dollars
zhlédnutí 370Před 3 měsíci
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expla...
Build The Perfect Navbar for Your Website (React Js)
zhlédnutí 267Před 3 měsíci
00:00 - Demo 00:38 - HTML layout 01:33 - Styling 02-27 - Adding the logic 05:11 - Final Review End Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video ex...
Learn Video Streaming in depth (System design)
zhlédnutí 587Před 5 měsíci
00:00 - What is video streaming & why you need it 07:30 - How video streaming works in depth Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanat...
Implement this amazing CountBy function in JavaScript (Problem solving)
zhlédnutí 373Před 6 měsíci
Learn how to implement a CountBy function in JavaScript. Resource- www.greatfrontend.com/questions/javascript/count-by Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime ac...
Convert Array to an Object in one line using JavaScript
zhlédnutí 504Před 7 měsíci
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10 hours of premium content - Step-by-step expla...
The most popular CSS interview question (Holy grail layout)
zhlédnutí 1,1KPřed 7 měsíci
This question is frequently asked during frontend interviews. Learn how to implement the holy grail layout in CSS. Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- czcams.com/video/coZucJEvsSk/video.html What you'll get: - Lifetime access...
Build a Multi Level dropdown with Infinite nesting in React js
zhlédnutí 5KPřed 7 měsíci
Build a Multi Level dropdown with Infinite nesting in React js
The Web3 Job market Crisis
zhlédnutí 232Před 7 měsíci
The Web3 Job market Crisis
Build an Optimized Ecommerce Cart using React Js (With all features & advanced design patterns)
zhlédnutí 707Před 7 měsíci
Build an Optimized Ecommerce Cart using React Js (With all features & advanced design patterns)
Implement a cycling function (JavaScript interview question) | Intuition + Code + Dry run
zhlédnutí 572Před 7 měsíci
Implement a cycling function (JavaScript interview question) | Intuition Code Dry run
Build this INSANE data table in React JS (With CRUD, Search Filter & Pagination)
zhlédnutí 4,3KPřed 8 měsíci
Build this INSANE data table in React JS (With CRUD, Search Filter & Pagination)
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds (Course Preview)
zhlédnutí 12KPřed 8 měsíci
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds (Course Preview)
Our generation might be the first to live longer (AI, Neural Maps, and the Future of Consciousness)
zhlédnutí 618Před 8 měsíci
Our generation might be the first to live longer (AI, Neural Maps, and the Future of Consciousness)
How ChatGPT is going to transform Journalism with AI
zhlédnutí 113Před 8 měsíci
How ChatGPT is going to transform Journalism with AI
Supercomputer That Mimics Your Brain with 228 TRILLION links Per Second | DeepSouth (2024)
zhlédnutí 663Před 8 měsíci
Supercomputer That Mimics Your Brain with 228 TRILLION links Per Second | DeepSouth (2024)
The Internet is getting weirder
zhlédnutí 552Před 8 měsíci
The Internet is getting weirder
The Dark truth about Auth Providers you aren't aware of
zhlédnutí 402Před 8 měsíci
The Dark truth about Auth Providers you aren't aware of
This AI intends to reveal the secrets of the universe
zhlédnutí 513Před 8 měsíci
This AI intends to reveal the secrets of the universe
4 Effective ways to cache Node Js api's for high performance
zhlédnutí 375Před 9 měsíci
4 Effective ways to cache Node Js api's for high performance
This is why react server components are so good...
zhlédnutí 193Před 9 měsíci
This is why react server components are so good...
Closures in JavaScript can cause memory leaks (Do this instead)
zhlédnutí 575Před 9 měsíci
Closures in JavaScript can cause memory leaks (Do this instead)

Komentáře

  • @kondalpavuluri2956
    @kondalpavuluri2956 Před 7 hodinami

    Link is not working

  • @omobrain1707
    @omobrain1707 Před 13 hodinami

    love how straight forward your videos are.

  • @currrrrrled
    @currrrrrled Před 4 dny

    really helpful

  • @chrissati6713
    @chrissati6713 Před 5 dny

    God first, you safe my project thank you

  • @dipaksaha6629
    @dipaksaha6629 Před 5 dny

    your videos are awesome ...please make more react js projects....it will help us to clear the fundamental concepts

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh Před 6 dny

    More this please

  • @SubratKG000
    @SubratKG000 Před 7 dny

    Thanks dude 😊It really helps

  • @sturmx96
    @sturmx96 Před 10 dny

    "one the most beautiful effects to ever exist" lol

  • @LakshmiPutrevu-qw9lb
    @LakshmiPutrevu-qw9lb Před 12 dny

    Need more like these please, and where can we find similar coding questions where we can test ourselves in javascript please suggest something.

  • @ru2979
    @ru2979 Před 13 dny

    Very good video 😊

  • @crockgaming5958
    @crockgaming5958 Před 15 dny

    you just nailed it bro

  • @thedude9014
    @thedude9014 Před 20 dny

    why are the counter and instance property outside the class??

  • @bibinvninan8057
    @bibinvninan8057 Před 22 dny

    Well explained mate.. keep the good work going..!

  • @beinyourguard
    @beinyourguard Před 23 dny

    very good

  • @bikidas5473
    @bikidas5473 Před 24 dny

    the key thing to remember for any this related value is , the value of this is determined by where the function was invoked, aka call site, to visualise it in easier manner on the second Object var obj2 = { hello: obj.hello, } if you try to visualise this it is similar to below var obj3 = { hello: function() {this.name} } but if you try to invoke it, you are trying to call it from the obj1 . call apply bind are methods you can call on a function to set the this explicitly and it will honor that, but beware if the function is an arrow function, which does not have a this of its own aka no binding of its own so it just refers directly to the global execution context no matter what

  • @indrapreetsingh3727
    @indrapreetsingh3727 Před 24 dny

    very well explained

  • @KiranNaragam
    @KiranNaragam Před 25 dny

    wonderful explanation thank you man

  • @Asyedabdulrahman33
    @Asyedabdulrahman33 Před 27 dny

    Mind-blowing! I learned a new best practice in controlled components: how to update a value by declaring one state instead of managing it with multiple states

  • @PUDGEJVR
    @PUDGEJVR Před 28 dny

    thank you

  • @dipaksaha6629
    @dipaksaha6629 Před 28 dny

    please upload react projects videos...your channel is a hidden gem

  • @fullStackInKannada
    @fullStackInKannada Před 28 dny

    Very nice explanation, thank you :)

  • @user-pq8lo1eu2j
    @user-pq8lo1eu2j Před 29 dny

    Very good explanation

  • @Vsumit17OG
    @Vsumit17OG Před měsícem

    For 7 th question variable which are just initialized like a=1; Looks its declaration out of the function scope and then they become autoglobals. That's why its giving answer 1. Autoglobals is concept.

  • @kurwacherry
    @kurwacherry Před měsícem

    who TF still uses var

  • @alwazkazi1916
    @alwazkazi1916 Před měsícem

    Nicely explained. Exactly what I was looking for

  • @memestagestartup
    @memestagestartup Před měsícem

    This is good. Struggled with the concept for some time until this video.

  • @ayushkotwalla5241
    @ayushkotwalla5241 Před měsícem

    I have a doubt , you just hardcoded the value in number and color input fields , but its should be updated based on change events , when we change the values from the UI , right ??

  • @shivaph95
    @shivaph95 Před měsícem

    Clear explanation with perfect examples 😌, thank you

  • @IISirius
    @IISirius Před měsícem

    VERY GOOD VIDEO!! THANK YOU

  • @user-dd7kw3ym5i
    @user-dd7kw3ym5i Před měsícem

    when you're assigning the variable to null, doesn't a null value still occupy space in memory?

  • @playwhitecat
    @playwhitecat Před měsícem

    how can I select Prada and Gucci at the same time?

  • @AnkitSingh-ff6ew
    @AnkitSingh-ff6ew Před měsícem

    function sum(a) { // Inner function to accumulate values function inner(b) { // If no arguments are passed, return the accumulated sum if (b === undefined) { return a; } // Otherwise, add the new value to the accumulated sum and return the inner function again a += b; return inner; } // Return the inner function to start the chain return inner; } // Example usage console.log(sum(1)(2)()); // 3 console.log(sum(1)(2)(3)(4)()); // 10 can you explain this code.

  • @ridamnibjia
    @ridamnibjia Před měsícem

    create a video on accessToken and refreshToken next

  • @godofwar8262
    @godofwar8262 Před měsícem

    Bhai bhota try kiya 500+ company ka form bhara phir bhi internship nhi laga rhi tech stack react front-end

    • @AvikNayak_
      @AvikNayak_ Před měsícem

      Koi aur tech stack pakdo bro. Sab log front end hi try kar rahe hai. Iss liye nehi ho raha hai kisika.

    • @godofwar8262
      @godofwar8262 Před měsícem

      @@AvikNayak_ are itna time nhi hai isliye

    • @sujayxaradhya
      @sujayxaradhya Před měsícem

      Brother, do you have real world projects (no clone of any popular app)? If yes, then I can hire you. We are a startup going to relocate from india to Boston, MA, US. Please share your GitHub and Portfolio. Looking forward to your reply!

    • @godofwar8262
      @godofwar8262 Před měsícem

      @@sujayxaradhya hey bro thanks for it can you share your linkedin profile name so I can share all details their because yt is blocking comment

  • @corbinsbeats2540
    @corbinsbeats2540 Před měsícem

    I dont think u shud use these things on a website unless its a game or something

  • @Iva-v6v
    @Iva-v6v Před měsícem

    Significant, yet another round of important refund information

  • @andrewmartinez8340
    @andrewmartinez8340 Před měsícem

    Anyone else feel like vector databases or completely over hyped?

  • @kom_senapati
    @kom_senapati Před měsícem

    You guys want all frontend things in backend

  • @user_8911
    @user_8911 Před měsícem

    A really nice explanation 🙏

  • @spiral_memory
    @spiral_memory Před měsícem

    Hey, awesome video! I had a lot to learn. I need some help. Initially, the project I'm working on had a 'components' folder containing all the Box, Button, Input, etc. My project simply used those components. We decided to move to a monorepo approach. I successfully used Rollup to create that bundle. The bundle size in its unzipped form is around 132 KB. However, when I include it in our project and import Buttons or Inputs in many files, and try to build this project (since it's also a React library), the bundle size increases exponentially. After replacing all occurrences with component imports and building it, my bundle size increased by 16 MBs. I've tried what I could, but I really need help to resolve this. For now, I've simply marked it as external, but I want to understand the root cause of this problem and how we can fix it. I would really appreciate your help if possible !

  • @saurabhkumar-ch2xs
    @saurabhkumar-ch2xs Před 2 měsíci

    nice thanks

  • @harshp7328
    @harshp7328 Před 2 měsíci

    Very good explanation I saw 5 videos before watching this video but this is the best explanation ever I seen on yt thank you 👍

  • @mahalingappabirajdar5285
    @mahalingappabirajdar5285 Před 2 měsíci

    Your explanations were very helpful, thanks

  • @KipchumbaBrian-s7u
    @KipchumbaBrian-s7u Před 2 měsíci

    cool video thanks

  • @AmandeepSingh-cv5qz
    @AmandeepSingh-cv5qz Před 2 měsíci

    cool concept,any learner who wants to learn just watch the initial demo and try to make it yourself and refer the video later for doubts

  • @sandeepdeepu5052
    @sandeepdeepu5052 Před 2 měsíci

    Excellent video bro, recently I've done this same kind of task in my company task, very useful video. I've seen your videos are more towards industry level standards tasks. Many utubers are doing only basic videos like todo, note taking that's it. Your channel and content is next level. I'll dedicate this weekend to watch all your videos brother.

    • @xplodivity
      @xplodivity Před 2 měsíci

      Thank you so much for this. You have no idea how helpful this is. Hope your preparation goes well, all the best.

  • @abharani9265
    @abharani9265 Před 2 měsíci

    Good content, I was thinking of how bandwidth works for websites and your video popped up thanks for beautiful explanation.

  • @xplodivity
    @xplodivity Před 2 měsíci

    16 Intermediate/Advanced JavaScript Projects to Dominate Your Next Technical Interview Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10+ hours of premium content - Step-by-step explanations and code walkthroughs - No bullshit, No time waste - This project list Should get you ready for any JavaScript live coding interview round. - Extremely cheap (You'll be surprised) - Practical tips and strategies for mastering JavaScript - Confidence in handling technical interviews - Enhanced JavaScript proficiency Content list: 1. File Explorer (similar to vs-code) 2. Infinitely Nested comments 3. Advanced Custom Toast notification from scratch 4. Drag & Drop, Swap, Add and delete elements using JavaScript 5. Custom Calendar/Date-picker 6. Multi-Select dropdown with support to add & remove elements 7. Build a Memory game with all rules integrated 8. Build an analog clock with smooth animation 9. Dynamic Progress bar with custom input support 10. Build a Star rating system with dynamic hover effects 11. Build a tic tac toe game with best practices 12. Advanced To-Do List with Local Storage support 13. Accordion with smooth transition effects 14. Countdown timer & days remaining timer 15. Create a custom modal 16. Build an optimised Chessboard

  • @dummymail2495
    @dummymail2495 Před 2 měsíci

    I don't know from where u r directly inserting code from second project. But this made me confusing, like the navigation from one part to another is confusing. Rather u typed the code and scrolled here and there live. That would make the explanation more understandable. Anyway great content❤