- 536
- 32 208
Web Fusion with Bharadwaj
India
Приєднався 30 січ 2024
20. TYPESCRIPT : Discriminated Unions
Welcome to Code-with-Bharadwaj!
Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript.
What You’ll Find Here:
Clear Tutorials: Easy-to-follow lessons on a variety of coding topics.
Hands-On Projects: Practical exercises to apply what you’ve learned.
Data Structures & Algorithms: Detailed guides and challenges to master essential concepts in JavaScript.
Expert Tips: Useful insights to improve your coding skills.
Why Follow Code-with-Bharadwaj?
Personal Touch: Each tutorial is crafted by me to ensure you get the best learning experience.
Interactive Learning: Engage with projects and examples that make learning fun.
Supportive Community: Connect with fellow learners and coders who share your passion.
✨ Explore and Connect! ✨
Portfolio: manu-bharadwaj-portfolio.vercel.app/ (Check out my coding projects!)
LinkedIn: www.linkedin.com/in/manu-bharadwaj-3507a345/ (Connect and network!)
Leetcode: leetcode.com/u/Manu-Bharadwaj-BN/ (Leetcode Profile!)
Codechef: www.codechef.com/users/the_bharadwaj ( Codechef Profile )
Codeforces: codeforces.com/profile/The_Bharadwaj ( Codeforces Profile )
Github: github.com/Manu577228 ( Github )
Sponsor: www.paypal.com/paypalme/bnmanubharadwaj ( Paypal )
Want to Connect or Sponsor?
Feel free to reach out to me on LinkedIn or via email at bnmanubharadwaj@gmail.com. Your support helps me continue creating valuable content and growing our coding community.
Join the Coding Journey!
Subscribe, like, and comment on my videos. Your feedback and support are greatly appreciated and help me bring you more great content.
Thanks for visiting Code-with-Bharadwaj. Let’s build something amazing together!
Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript.
What You’ll Find Here:
Clear Tutorials: Easy-to-follow lessons on a variety of coding topics.
Hands-On Projects: Practical exercises to apply what you’ve learned.
Data Structures & Algorithms: Detailed guides and challenges to master essential concepts in JavaScript.
Expert Tips: Useful insights to improve your coding skills.
Why Follow Code-with-Bharadwaj?
Personal Touch: Each tutorial is crafted by me to ensure you get the best learning experience.
Interactive Learning: Engage with projects and examples that make learning fun.
Supportive Community: Connect with fellow learners and coders who share your passion.
✨ Explore and Connect! ✨
Portfolio: manu-bharadwaj-portfolio.vercel.app/ (Check out my coding projects!)
LinkedIn: www.linkedin.com/in/manu-bharadwaj-3507a345/ (Connect and network!)
Leetcode: leetcode.com/u/Manu-Bharadwaj-BN/ (Leetcode Profile!)
Codechef: www.codechef.com/users/the_bharadwaj ( Codechef Profile )
Codeforces: codeforces.com/profile/The_Bharadwaj ( Codeforces Profile )
Github: github.com/Manu577228 ( Github )
Sponsor: www.paypal.com/paypalme/bnmanubharadwaj ( Paypal )
Want to Connect or Sponsor?
Feel free to reach out to me on LinkedIn or via email at bnmanubharadwaj@gmail.com. Your support helps me continue creating valuable content and growing our coding community.
Join the Coding Journey!
Subscribe, like, and comment on my videos. Your feedback and support are greatly appreciated and help me bring you more great content.
Thanks for visiting Code-with-Bharadwaj. Let’s build something amazing together!
Переглядів: 18
Відео
19. TYPESCRIPT : 'instanceof' & 'in' Operator
Переглядів 2110 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
18. TYPESCRIPT : Type Guards
Переглядів 1610 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
17. TYPESCRIPT : Rest Parameters & Tuples
Переглядів 610 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
16. TYPESCRIPT : Function Overloading
Переглядів 1210 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
15. TYPESCRIPT : Generic Constraints
Переглядів 417 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
14. TYPESCRIPT : Generic Types
Переглядів 127 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
13. TYPESCRIPT : Utility Types
Переглядів 207 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
12. TYPESCRIPT : Infer Keyword
Переглядів 287 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
11. TYPESCRIPT : Keyof Operator
Переглядів 227 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
10. TYPESCRIPT : Template Literal Types
Переглядів 4010 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
9. TYPESCRIPT : Conditional Types
Переглядів 3310 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
8. TYPESCRIPT : Mapped Types
Переглядів 3010 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
7. TYPESCRIPT : Readonly Properties
Переглядів 1710 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
6. TYPESCRIPT : Optional Properties
Переглядів 8310 годин тому
Welcome to Code-with-Bharadwaj! Hi there! I’m Manu, and I’m excited to help you level up your coding skills. At Code-with-Bharadwaj, I offer engaging tutorials and practical lessons, including in-depth content on data structures and algorithms in JavaScript. What You’ll Find Here: Clear Tutorials: Easy-to-follow lessons on a variety of coding topics. Hands-On Projects: Practical exercises to ap...
96. JAVASCRIPT : Advanced Object Cloning & Serialization
Переглядів 5317 годин тому
96. JAVASCRIPT : Advanced Object Cloning & Serialization
95. JAVASCRIPT : Functional Reactive Programmming ( FRP )
Переглядів 4017 годин тому
95. JAVASCRIPT : Functional Reactive Programmming ( FRP )
94. JAVASCRIPT : Understanding Shadowing & Variable Scoping Issues
Переглядів 2617 годин тому
94. JAVASCRIPT : Understanding Shadowing & Variable Scoping Issues
93. JAVASCRIPT : Advanced script loading (defer vs async )
Переглядів 1817 годин тому
93. JAVASCRIPT : Advanced script loading (defer vs async )
92. JAVASCRIPT : Avoiding Race Conditions
Переглядів 1417 годин тому
92. JAVASCRIPT : Avoiding Race Conditions
90. JAVASCRIPT : Understanding Typescript & Javascript Interoperability
Переглядів 2717 годин тому
90. JAVASCRIPT : Understanding Typescript & Javascript Interoperability
89. JAVASCRIPT : Creating Custom Middlewares in Javascript
Переглядів 3617 годин тому
89. JAVASCRIPT : Creating Custom Middlewares in Javascript
87. JAVASCRIPT : Testing with Jest & Mocha
Переглядів 2817 годин тому
87. JAVASCRIPT : Testing with Jest & Mocha
sir edamam api is free??? they mailed me a invoice with charge of 35$ what to do.
There was a free tier ! It was free while I used it in my Projects ! Just Ignore if its paid !
@code-with-Bharadwaj ok. I changed my plan to a free plan, maybe i trail the interprise core for 3-4 days and they have sent mail,
@@code-with-Bharadwaj in my recipe search api plan start with 9$ there is no option for developer and after i changed it to free plan from application, what will happend they will charge money again??? please can you check in your laptop/pc any help will appreciated 🙏
Please arrange your playlist in ascending order instead of descending order. Pls
@@hemantagrawal1122 sure sir ! 👍
@code-with-Bharadwaj thanks! It'll be really helpful
thanks. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Switchable Tabs</title> <link rel="stylesheet" href="./style.css"> </head> <body> <div class="tab-container"> <button class="tab-button" onclick="openTab('tab1')">Tab 1</button> <button class="tab-button" onclick="openTab('tab2')">Tab 2</button> <button class="tab-button" onclick="openTab('tab3')">Tab 3</button> <div id="tab1" class="tab"> <h2 class="tab-title">Tab 1 content</h2> <p class="tab-content">This is content of tab 1</p> </div> <div id="tab2" class="tab"> <h2 class="tab-title">Tab 2 content</h2> <p class="tab-content">This is content of tab 2</p> </div> <div id="tab3" class="tab"> <h2 class="tab-title">Tab 3 content</h2> <p class="tab-content">This is content of tab 3</p> </div> </div> </body> <script src="./index.js"></script> </html> -------------- .tab-container { max-width: 600px; margin: 0 auto; } .tab { display: none; padding: 20px; border-radius: 5px; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .tab-button { background-color: #4caf50; border: none; color: white; padding: 10px 20px; cursor: pointer; border-radius: 5px 5px 0 0; transition: background-color 0.3s; } .tab-button.active { background-color: #45a049; } .tab-content { margin-top: 10px; background-color: #f9f9f9; border-radius: 0 0 5px 5px; padding: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .tab-title { margin-top: 0; } ------------- function openTab(tabName) { //hide all tabs let tabs = document.getElementsByClassName('tab'); for (let i = 0; i < tabs.length; i++) { tabs[i].style.display = "none"; } //deactivate all tabs let tabButtons = document.getElementsByClassName('tab-button'); for (let i = 0; i < tabButtons.length; i++) { tabButtons[i].classList.remove('active'); } //show the selected tab document.getElementById(tabName).style.display = 'block'; //activate the clicked tab button event.currentTarget.classList.add('active'); }
Thank you. css: /* Body background transition */ body { transition: background-color 0.4s ease; } .container { text-align: center; margin-top: 100px; } h1 { margin-bottom: 30px; } /* when screen get dark h1 font get white */ .dark-mode h1 { color: #fff; } /* Switch container */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hidden input checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider (background) */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } /* background Changes when the input is checked */ input:checked + .slider { background-color: #2196f3; } /* The slider knob (circle) */ .slider::before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; border-radius: 50%; } /* Changes when the input is checked */ input:checked + .slider::before { transform: translateX(26px); } /* Rounded switch */ .slider.round { border-radius: 34px; } .slider.round::before { border-radius: 50%; } js code: const modeToggle = document.getElementById('modeToggle'); modeToggle.addEventListener('change', () => { document.body.classList.toggle('dark-mode'); const isDarkMode = document.body.classList.contains('dark-mode'); if(isDarkMode) { document.body.style.backgroundColor = '#333'; }else { document.body.style.backgroundColor = '#fff'; } })
Please Ignore the audio issue for this particular video!
Still we didn't get any answer
May I know what's the answer you are looking for ?!
In console, url is not defined is written
@@KhushiRaj-mj9mo : somewhere you would have missed something ! Check from the scratch or check the particular function! Happy coding 👆👍
WTF is that music, distracting......
I notice the restaurant-map & restuarant-image classes in your stylesheet but can't find where they are assigned, did you do anything with those or are they unused classes?
Hi, could you post your code for this somewhere and link it in the description please?
@@DAMMMITimFLY : I have mentioned the GitHub in my description & you can search for the same as title name in GitHub. In my opinion try to do it from the beginning and you will understand it better. Happy Coding !
@@code-with-Bharadwaj Yes that is what I did. I skipped the CSS part, but have the HTML & JS but not returning any results yet. I thought I'd be able to get results without doing the CSS (it would return results in an unstyled HTML page). But perhaps the CSS plays a part in the functionality here.
@@code-with-Bharadwaj Oh duh its not going to return, I don't have the styling to create the cards.... And I forgot to link my JS to my HTML in the script tag.
// My solution var topKFrequent = function(arr, k) { let map = new Map(); for(let i=0; i<arr.length; i++){ if(map.has(arr[i])){ map.set(arr[i], map.get(arr[i]) + 1); } else { map.set(arr[i], 1); } } let sortedArray = Array.from(map).sort((a, b) => b[1] - a[1]); let ans = []; for(let i=0; i<k; i++){ ans.push(sortedArray[i][0]); } return ans; };
Is it recommended to start cp with js , coz I was planning to do so.
@@kaustubhnegi1838 : It's true that resources are often limited in comparison, and C++ tends to be preferred due to its speed and efficient memory usage. That said, the choice of language is ultimately yours. If you're considering alternatives, JavaScript or Node.js can certainly be strong options. Personally, I prefer JavaScript over Python and Java for its versatility and modern ecosystem. Happy coding!
Please ignore the audio issues for this problem :)
Sir I am lagging in dp(like backtracking) ..could you please help me sir
@@GAMEOVER-sp4gk I lag a lot too that's why I practice. The more you debug the better you get 🙂 Happy coding !
Please ignore the audio issues for Problem 21 & Problem 22.
Please ignore the audio issues for Problem 21 & Problem 22.
Please Ignore the Audio Issue for this one Particular Problem.
can i have full code ?
Just follow the video. You will get the whole code ! Keep coding 🙂
Please share GitHub link for this
Brilliant solution, thanks for sharing!
@@RussianPsysoft : Glad you found the solution useful . Keep coding !
Hey, you just go for solution, but don't explain the logic behind the solution, seems like just memorized the solution, there is very few DSA channel with javascript, i think if you explain, how to approach a problem then, it will be very useful.
For some problems I have explained initially how to approach and for some problems I have explained after writing the code whichever way I felt easy ! But I will keep your words in mind !
I will follow your series DSA WITH JAVASCRIPT but if langauge is Hindi
@@hamudxd9497 I wish I knew Hindi. I can sing Hindi songs for sure but surely I can't teach in Hindi. I can teach either in English or in Kannada ! 🙂
@@code-with-Bharadwaj Ok Keep it up
Sir Agar hindi mai possible ho best hoga
your content was so in-depth. keep it up. Definitely your channel is going to be successful because no one was there in dsa with js
Keep Coding
we want more video like this
hey bro, you are doing great.
Great content. I was searching for DSA in Javascript. Just one thing, explain the solution as well by voice, that's more interactive. You got a new subscriber
@@preetsinghwal5646 Thanks and please do check the new playlist if you need an explanation in voice. Keep coding cheers 🙂
@@code-with-Bharadwaj I checked it, you are explaining it very well. Keep up the good work going.
The Time Complexity is O(log n) and I had mistakenly typed O(n) at the end. 🙂
I meant the space complexity of the problem would be O(n) not the time complexity of the space complexity is O(n). Please ignore that sentence. :)
Bro, I want to become a java backend web developer but for that I need guidance. Can you help me? Right now, I know the fundamentals and basics of Java, the only portion left for me to master is collections framework, multithreading and stream api, I am working on it side by side, also I have started learning jdbc, MySQL and hibernate framework so that I can interact with the db and then I am planning to also learn servlets and jsp and then proceed to springboot. Is my plan correct, am I leaving something and how should I proceed further??
@@COD_MW007 : carry on with what you are learning ! 🙂
thanks mate
@@priyankjakharia6798 : Keep Coding !
Thank you..... this is so cool and the tutorial is easy to follow😇
Glad you found it useful ! Keep Coding
Awesome 🎉🎉🎉
❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
First reviwe what to do your project work designe after your code started ❤❤❤❤❤
@@s.ksunny602 what do you mean ?! I didn't get you ?
One more thing in HTML ( Forgot to mention ) is to move the span tag inside the label tag. That was one more wrong thing! Please correct it or else you won't see the hamburger icon and also toggle🙂
any other API which works for hindi songs as well?
I don't know. There are paid API's that I know. But do not know about the free API. I should research on it! Keep Coding! 🙂🙂
wow sir ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤😮😮😮😮😮😮😮😮😮 🙏🙏🙏🙏🙏 thank you
Keep Coding !
wow sir unbilevable ❤❤❤❤❤❤
Please ignore the Logo for this one Particular Video!
Happy to see 100 Subscribers🤩 More success to you
awosome sir wowwwwwwww
Glad you found it useful. Keep coding ! 👍
it will be better if you show the browser too, to see changes while applying style
From the next video I will 👍
@@code-with-Bharadwaj This project is excellent bro keep it going, all the best
keep coding bro❤❤
🤍
Approach: Greedy Time Complexity: O(n) Space Complexity: O(m)
Approach: Hash Map with Mathematical Reduction Time Complexity: O(n) Space Complexity: O(n)
Approach: Sliding Window Time Complexity: O(n) Space Complexity: O(1)
Great great great video--love it!!!
Glad you found it useful!
Approach: Breadth-First Search (BFS) Time Complexity: O(n) Space Complexity: O(n)
Approach: Linear Search with Counting Time Complexity: O(n^2) Space Complexity: O(1)
Approach: Memoized Dynamic Programming Time Complexity: O(n) Space Complexity: O(n)