LearnAIwithBibhu
LearnAIwithBibhu
  • 62
  • 59 647
Your Website Needs This! Light & Dark Mode Switcher in HTML, CSS & JS
🔖 Timestamps:
0:08 - Preview
1:00 - Setting the files
1:10 - HTML file structure
2:12 - CSS file Structure
8:00 - JavaScript file structure
10:40 - Result Preview
Discover how to create a dynamic theme switcher using HTML, CSS, and JavaScript! In this step-by-step guide, I'll show you how to seamlessly switch between light and dark themes.
Perfect for beginners and web developers looking to enhance their projects!
📂 Resources:
Source Code : github.com/BibhuPrasadChakraborty/Learnaiwithbibhu-toggle-theme-changer.git
🌟 Don’t forget to LIKE, SUBSCRIBE, and hit the 🔔 Bell Icon to stay updated with more web development tutorials!
Let me know if you'd like to tweak the timestamps or add any other details!
มุมมอง: 154

วีดีโอ

Where is Web Development Headed? My Personal Insights!
มุมมอง 8814 วันที่ผ่านมา
In today’s video, I’m sharing my personal thoughts on the future of web development and where I think it’s headed. With technology evolving rapidly, from AI integration to new web frameworks, there are a lot of exciting possibilities on the horizon. I’ll discuss trends that could impact how we build websites and applications in the coming years, and how developers might adapt to these changes. ...
Why Bolt.new Is The FUTURE Of Coding | HINDI Explanation
มุมมอง 11721 วันที่ผ่านมา
Time Stamps are here :- 00:01 Why To use bolt.new ( Introduction ) 00:14 Pong Game JavaScript Project Example 1 ( Hard Coding Vs Bolt.new ) 00:56 Preview section 01:08 Bolt.new 01:50 Dinosaur game Testing Using HTML, CSS & JavaScript ( Prompt ) 02:27 npm installation ( How bolt.new works ) 03:16 Dinosaur Game Modification Testing. 04:57 Play the game 04:18 Login Process Using Github 04:31 How t...
I Tried the Best AI Video Generators - Here's What Happened!
มุมมอง 15721 วันที่ผ่านมา
Time Stamps are here :- 00:00 :- Introduction 00:20 :- Tool 1 ( Image To Video Generation ) 01:32 :- Tool 2 ( AI Avatar Generation ) 02:57 :- Tool 3 ( Text to Video Generation ) 03:55 :- Tool 4 ( Text to Video Generation Editing) 05:40 :- Tool 5 ( Text to Video Generation AI Avatars Editing ) 06:45 :- Tool 6 ( Animation video Generator ) Site Links :- Runway ML - runwayml.com Elai.ai - elai.io ...
How Social Media Controls You Like a Puppet | How To Stay Digitally Well
มุมมอง 181หลายเดือนก่อน
Time Stamps are here :- Intro :- 00:00 Controversy reasoning :- 0:45 AI & ML impact on online stores, social media & the Human Mind :- 1:46 Fake VS Real in digital world :- 3:29 Deadliest Digital Drug for human :- 4:09 Why controlling our senses are important? :- 5:25 How Atomic habits changed my bad habit? :- 6:09 Solution that I found :- 6:17 It's not a coincidence. AI-powered algorithms are ...
I Tried The Top 3 Free AI Coding Assistants
มุมมอง 220หลายเดือนก่อน
Are you tired of spending hours debugging your code? Discover how AI assistants can streamline your coding process and boost your productivity. In this video, we'll explore the top 3 free AI assistants that every developer should try: 00:00 - Introduction 0:06 - Tabnine AI Coding Assistant & It's context Explanation. 03:06 - Cody AI: A Comprehensive Coding Assistant, Code completion, context aw...
How Llama 3.1 Is Leading The AI Industry
มุมมอง 872 หลายเดือนก่อน
Time Stamps are here :- 0:01 :- Intro 0:12 :- Llama Function 0:24 :- LLM in short explanation 1:02 :- Llama 3.1 explained 1:12 :- How LLM depends on Parameter Size. 1:57 :- How LLM Llama 3.1 is trained? 2:40 :- How to use Llama 3.1 as Open Source AI and in Server, shown. 3:50 :- How to use it ? Discover the power of Llama 3.1: A revolutionary language model that's changing the way we interact w...
This $0 AI Coding Assistant Is Better Than $10 GitHub Copilot | Cody AI Guide@Sourcegraph
มุมมอง 4392 หลายเดือนก่อน
Time Stamps:- 0:00 :- Getting Started 0:20 :- Cody AI installation Process in VS Code 0:28 :- Feature 1 Explanation | How Auto-code suggestion works 2:01 :- Feature 2 Explanation 3:01 :- How to add files in chat bar 3:37 :- AI Models Support Explanation 4:09 :- LLM Models support and how to do the setup 5:25 :- Documentation Guide 5:36 :- Features in documentation 6:00 :- Explain Code Feature a...
Why 99% Of You Will Fail In Coding?
มุมมอง 8983 หลายเดือนก่อน
In this video, I have tried to explain some of the failures that I made when I have started my coding journey. In this video, I have tried to cover up those mistakes that I made initially, with the solutions that have worked for me properly. I have tried to explain some of the bad coding that can result in bad coding experiences & processes to fix those habits. So make sure you watch the video ...
Learn to Fetch Data with JavaScript | Step-by-Step Guide
มุมมอง 473 หลายเดือนก่อน
Time Stamps are here :- 00:01 :- Overview about API 00:24 :- Open AI API Example Overview 01:49 :- Weather API Example Overview 03:29 :- API Data data Explanation ( using Async-Await ) 04:49 :- HTTP Request Methods ( GET / POST ) 05:36 :- How API Works ? ( Simple Structure Explanation ) 06:08 :- Steps for Fetching API 06:34 :- File Formats ( xml & JSON ) 06:50 :- Promises of API 07:58 :- How to...
Improve Your JavaScript Skills with Promise Chaining and Async/Await
มุมมอง 343 หลายเดือนก่อน
Improve Your JavaScript Skills with Promise Chaining and Async/Await
JavaScript Promises: The Hidden Code Behind Your Successful Payments
มุมมอง 963 หลายเดือนก่อน
JavaScript Promises: The Hidden Code Behind Your Successful Payments
Asynchronous JavaScript: The Secret to High-Performance Web Apps
มุมมอง 3063 หลายเดือนก่อน
Asynchronous JavaScript: The Secret to High-Performance Web Apps
8 Habits To Fix Burnout While Coding | Hindi Explanation
มุมมอง 1034 หลายเดือนก่อน
8 Habits To Fix Burnout While Coding | Hindi Explanation
Build This Calculator Using HTML, CSS & JavaScript | Front- End Web Development Project | Hindi
มุมมอง 2704 หลายเดือนก่อน
Build This Calculator Using HTML, CSS & JavaScript | Front- End Web Development Project | Hindi
How Much HTML, CSS & JavaScript Do You Need To Know For Web Development in 2024 | Hindi
มุมมอง 4.4K4 หลายเดือนก่อน
How Much HTML, CSS & JavaScript Do You Need To Know For Web Development in 2024 | Hindi
Creating Animated Videos with AI: A Beginner's Guide
มุมมอง 1004 หลายเดือนก่อน
Creating Animated Videos with AI: A Beginner's Guide
Complete JavaScript Roadmap 2024 For Beginners
มุมมอง 2665 หลายเดือนก่อน
Complete JavaScript Roadmap 2024 For Beginners
Learn JavaScript Fast Like Pro | Logic Building & Real World Usage
มุมมอง 3605 หลายเดือนก่อน
Learn JavaScript Fast Like Pro | Logic Building & Real World Usage
Amazing AI Tools: Translate One Language Of Video to Other Language with Lip Sync
มุมมอง 2785 หลายเดือนก่อน
Amazing AI Tools: Translate One Language Of Video to Other Language with Lip Sync
How to Use Large Language Models?
มุมมอง 195 หลายเดือนก่อน
How to Use Large Language Models?
Artificial General Intelligence (AGI)
มุมมอง 376 หลายเดือนก่อน
Artificial General Intelligence (AGI)
Comments & Statements in CSS | CSS Crash Course | Web Development | Tutorial - 3
มุมมอง 286 หลายเดือนก่อน
Comments & Statements in CSS | CSS Crash Course | Web Development | Tutorial - 3
CSS Crash Course | External CSS, Internal CSS & Inline CSS | Tutorial - 2
มุมมอง 426 หลายเดือนก่อน
CSS Crash Course | External CSS, Internal CSS & Inline CSS | Tutorial - 2
CSS Crash Course for Beginners | Introduction, Fonts, Colors, Background-Colors | Tutorial - 1
มุมมอง 816 หลายเดือนก่อน
CSS Crash Course for Beginners | Introduction, Fonts, Colors, Background-Colors | Tutorial - 1
The REAL Dangers Of AI We Need To Discuss
มุมมอง 796 หลายเดือนก่อน
The REAL Dangers Of AI We Need To Discuss
Innovative A.I Tools For Business & Startups
มุมมอง 417 หลายเดือนก่อน
Innovative A.I Tools For Business & Startups
This FREE Assistant Simplifies Coding Forever!
มุมมอง 1847 หลายเดือนก่อน
This FREE Assistant Simplifies Coding Forever!
Run AI Locally, No Cloud (Ollama Llama)
มุมมอง 3807 หลายเดือนก่อน
Run AI Locally, No Cloud (Ollama Llama)
Notion AI (2024) - The Complete Tutorial & Guide
มุมมอง 1107 หลายเดือนก่อน
Notion AI (2024) - The Complete Tutorial & Guide

ความคิดเห็น

  • @saikatdutta1991
    @saikatdutta1991 6 ชั่วโมงที่ผ่านมา

    Bro forgot it's 2024,, these are old school

    • @learnaiwithbibhu
      @learnaiwithbibhu 4 ชั่วโมงที่ผ่านมา

      @@saikatdutta1991 agreed 👍 Thanks for commenting 🥰.

  • @sourabdas6176
    @sourabdas6176 15 ชั่วโมงที่ผ่านมา

    Kire vivo ❤

  • @skeptical-jy1wo
    @skeptical-jy1wo วันที่ผ่านมา

    👍

  • @najamali2581
    @najamali2581 3 วันที่ผ่านมา

    Good ❤

  • @MuhammadFaizanMuhammadSaleem
    @MuhammadFaizanMuhammadSaleem 4 วันที่ผ่านมา

    Hey dear thanks

  • @learnaiwithbibhu
    @learnaiwithbibhu 7 วันที่ผ่านมา

    Guys, Access the sourcecode into your GitHub account. Source Code: github.com/BibhuPrasadChakraborty/Learnaiwithbibhu-toggle-theme-changer.git Make sure you like this video and share with your friends. Enjoy!

  • @RSG_gamingchannel3903
    @RSG_gamingchannel3903 7 วันที่ผ่านมา

    Nice ❤😮 like kar diya ❤😊

  • @LtNews-wb5rb
    @LtNews-wb5rb 7 วันที่ผ่านมา

    + sign is not appearing in my google font

    • @learnaiwithbibhu
      @learnaiwithbibhu 14 ชั่วโมงที่ผ่านมา

      You can try again. Hopefully it will work !!

  • @kamalgothi5714
    @kamalgothi5714 8 วันที่ผ่านมา

    Bolt ya duse code generator to use to kar leya lekin us code ko bhar lese nikale etc

  • @SmartShopGuru
    @SmartShopGuru 12 วันที่ผ่านมา

    bai bolt par full course lao bigner ka liya ges ma batou ka ham kasy es ko free ma used kar sakta hy or ek full website bana sakta website ka backen website ka databas or go go website ma hota

    • @learnaiwithbibhu
      @learnaiwithbibhu 12 วันที่ผ่านมา

      👍

    • @SmartShopGuru
      @SmartShopGuru 12 วันที่ผ่านมา

      ok i am waiting full coures video@@learnaiwithbibhu

  • @RavindraShahRavindrashah-o1b
    @RavindraShahRavindrashah-o1b 14 วันที่ผ่านมา

    Nice information😊

  • @RSG_gamingchannel3903
    @RSG_gamingchannel3903 14 วันที่ผ่านมา

    Nice👍🏻❤

  • @Rahulkumar-36912
    @Rahulkumar-36912 14 วันที่ผ่านมา

    Thanks bhaiya ❤❤

  • @faizulhassan3420
    @faizulhassan3420 21 วันที่ผ่านมา

    any ai video generator with LTD

  • @khaoulastaili-c1o
    @khaoulastaili-c1o 22 วันที่ผ่านมา

    you are amazing just keep going <3

  • @Rahulkumar-36912
    @Rahulkumar-36912 23 วันที่ผ่านมา

    Reply

    • @learnaiwithbibhu
      @learnaiwithbibhu 18 วันที่ผ่านมา

      @@Rahulkumar-36912 I will make a short for it.

    • @learnaiwithbibhu
      @learnaiwithbibhu 15 วันที่ผ่านมา

      th-cam.com/video/zB5ILqJdYPw/w-d-xo.htmlsi=LPJyRWiryt3jYCpa You can watch this video, in which I have tried to answer your question.

  • @AuroraKnight945
    @AuroraKnight945 24 วันที่ผ่านมา

    great work, just work on improving your background and increase your voice tempo 🙂

    • @learnaiwithbibhu
      @learnaiwithbibhu 24 วันที่ผ่านมา

      @@AuroraKnight945 thanks♥️

  • @Rahulkumar-36912
    @Rahulkumar-36912 24 วันที่ผ่านมา

    Bhai mai 8th class mai padhta hu mujhe web development mai intereste hai kya yah future ke liye sahi hai maine html ke tags ko sikh liya hai kya ya achha field hai please reply

    • @learnaiwithbibhu
      @learnaiwithbibhu 23 วันที่ผ่านมา

      @@Rahulkumar-36912 you will need to learn css and js & react for Frontend.

  • @Rahulkumar-36912
    @Rahulkumar-36912 24 วันที่ผ่านมา

    Bhai mai 8th mai padhta hu mujhe web development mai intereste hai kya yah future ke liye sahi hai maine html ke tags ko sikh liya hai kya ya achha field hai please reply

  • @Rahulkumar-36912
    @Rahulkumar-36912 24 วันที่ผ่านมา

    Nice❤

  • @CliveSoares
    @CliveSoares 25 วันที่ผ่านมา

    how do i choose just the font weight that i need? exam...: font weight: 400;

  • @rdratnadeep9126
    @rdratnadeep9126 หลายเดือนก่อน

    ❤❤

  • @lumie_adri
    @lumie_adri หลายเดือนก่อน

    didn't really work, did I mess up anything?

    • @learnaiwithbibhu
      @learnaiwithbibhu 26 วันที่ผ่านมา

      Thanks for commenting. Well, I think you need to again probably. Maybe you have missed something important steps from the video. I hope your problem that you are facing get solved👍.

  • @arc_07
    @arc_07 หลายเดือนก่อน

    Really helpful video. We want more videos like this 👍

  • @learnaiwithbibhu
    @learnaiwithbibhu หลายเดือนก่อน

    React Documentation Guide is here:- react.dev/learn Like & Subscribe.

  • @coMDotLk12
    @coMDotLk12 หลายเดือนก่อน

    Super brother

  • @arc_07
    @arc_07 หลายเดือนก่อน

    Big fan bro

  • @arc_07
    @arc_07 หลายเดือนก่อน

    🎉 👍

  • @MdAsif-ud2uw
    @MdAsif-ud2uw หลายเดือนก่อน

    Alhamdulillah,it is working

  • @carolinaloria6799
    @carolinaloria6799 หลายเดือนก่อน

    omg so helpful lol

  • @connectingworldwithrayan2264
    @connectingworldwithrayan2264 หลายเดือนก่อน

    Alhamdulillah, it is working

  • @Let-it-be-2.0
    @Let-it-be-2.0 2 หลายเดือนก่อน

    Everything is fine and awesome bro. The only thing you need is good video editor. That actually will accelerate your youtube journey.

  • @Rival_ZQQ
    @Rival_ZQQ 2 หลายเดือนก่อน

    Thx for the tutorial bro

  • @DennyahmadSaputra
    @DennyahmadSaputra 2 หลายเดือนก่อน

    Mantap

  • @Ashishuraw46
    @Ashishuraw46 2 หลายเดือนก่อน

    Thankyou bhai this is all i need

  • @masumahmod-pz8ok
    @masumahmod-pz8ok 2 หลายเดือนก่อน

    Thank you.

  • @Aryansaharsagymboy
    @Aryansaharsagymboy 2 หลายเดือนก่อน

    😮😮

  • @Ayush_Vshnv
    @Ayush_Vshnv 2 หลายเดือนก่อน

    really helpful video, thanks bud

  • @ArnisaTasholli
    @ArnisaTasholli 2 หลายเดือนก่อน

    Thank you so much It finally worked for me.🥳 I gave up so many times with the other tutorials. Keep going with this type of videos.

  • @Just_Code07
    @Just_Code07 2 หลายเดือนก่อน

    Thanks bro❤

  • @mehraaapdalla9761
    @mehraaapdalla9761 3 หลายเดือนก่อน

    Thank you so much ❤

  • @GuillermoLLudueña
    @GuillermoLLudueña 3 หลายเดือนก่อน

    Thanks man, it was really helpfull!!

  • @reeba-q1x
    @reeba-q1x 3 หลายเดือนก่อน

    Such a great video After soo long time I find a video which is really according to my needs Thank you.

  • @aditya_k43
    @aditya_k43 3 หลายเดือนก่อน

    Thank you so much bro ❤ I was so frustrated but your video helped 😊

  • @neerapandey9904
    @neerapandey9904 3 หลายเดือนก่อน

    bro which theme is used of vs code in this video btw its very helpful.

  • @SumbalSumbali
    @SumbalSumbali 3 หลายเดือนก่อน

    😊😊

  • @SumbalSumbali
    @SumbalSumbali 3 หลายเดือนก่อน

    😊😊

  • @yvng4697
    @yvng4697 3 หลายเดือนก่อน

    Arigatoooooooooooooooooooooooooooooo

  • @learnaiwithbibhu
    @learnaiwithbibhu 3 หลายเดือนก่อน

    📢📢📢📢Access the Full Playlist of Advance JavaScript Series for Beginners 📢📢📢📢📢 :- th-cam.com/play/PLhld6jHy02esmB00RLvTYIvAbAFDg0Ugl.html&si=hyqsLOcbqD4YrMVb

  • @learnaiwithbibhu
    @learnaiwithbibhu 3 หลายเดือนก่อน

    📢📢📢📢Access the Full Playlist of Advance JavaScript Series for Beginners 📢📢📢📢📢 :- th-cam.com/play/PLhld6jHy02esmB00RLvTYIvAbAFDg0Ugl.html&si=hyqsLOcbqD4YrMVb