Project 3: Creating a News Website | JavaScript Tutorial In Hindi #40

Поділитися
Вставка
  • Опубліковано 12 лис 2024

КОМЕНТАРІ • 430

  • @mayankchoudhary6377
    @mayankchoudhary6377 5 років тому +84

    I have seen other technical UA-camrs tutorial but I must tell you that Harry bhai you are best one. And the best part is ki aapki baato se padhte waqt bore nhi hote. Thank you for the tutorials...

    • @parveensishodiya5768
      @parveensishodiya5768 4 роки тому +1

      love you herry bhai

    • @sadafsiddiqui1589
      @sadafsiddiqui1589 3 роки тому +1

      @@parveensishodiya5768 i am getting cors error...allow access origin header not allowed.....how to fix it without any extension??

    • @akhileshmishra5559
      @akhileshmishra5559 3 роки тому

      @@sadafsiddiqui1589 me too how to solve it??

    • @sadafsiddiqui1589
      @sadafsiddiqui1589 3 роки тому

      @@akhileshmishra5559 use gnews Api..

    • @akhileshmishra5559
      @akhileshmishra5559 3 роки тому

      @@sadafsiddiqui1589 okay i will try , thank u bro..

  • @aiknowledge-n2s
    @aiknowledge-n2s 2 роки тому +6

    For a teacher or Tech UA-camr to have 3M+ Subscribers is a big thing. Totally deserved it bro, excellent teaching style. Such hardwork, not seen before. Love and respect from Pakistan. You're really doing amazing work.

  • @shobhitsrivastava4496
    @shobhitsrivastava4496 3 роки тому +20

    These tutorials are like GOLD. Thank you so much Harry sir!!

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

  • @Vishalraj_1
    @Vishalraj_1 3 роки тому +22

    for anyone who got error in console for fetching api. I suggest use gnews api instead of news api

  • @shakeelilyas7952
    @shakeelilyas7952 8 місяців тому

    It's is easy than the previous project but much interesting i really really enjoy to create it. i feel so happy to get content through api🎉🥳🥳🥳🎉🎉

  • @varunsharma3481
    @varunsharma3481 3 роки тому

    Aapki bhaiya best video love it

  • @dhananjaythote9681
    @dhananjaythote9681 3 роки тому

    Bhai tumhari tuning....Awsm yr
    even i laugh during watching video...awsm tutorial bro

  • @vishalbhardwaj8577
    @vishalbhardwaj8577 3 роки тому +1

    just halfway the project and i design myself from there thank u

  • @divyaomar5417
    @divyaomar5417 2 роки тому

    Harry you are really best one😊😊😊

  • @Rahulyadav-ry1lk
    @Rahulyadav-ry1lk 5 років тому

    Main apka bhut bda fan hu app bhut hi Accha coding sikhate hai

  • @rondotTs
    @rondotTs 5 років тому +1

    Apse accha koi nhi smjata Bhai .... Java par ful series bn do bhaiya💞

  • @dibyansh7507
    @dibyansh7507 3 роки тому +9

    I was too getting error like but I fixed it.
    Solution -
    1. Download Live Server extension.
    2. click go live. (The option will be on down right of vs code. It will open browser with new tab)
    3. Make new tab (tab 2) in browser.
    4. Type localhost: *(port no.)* / *(your html file)*
    5. Now you can close the first tab.

    • @karthikudupa5475
      @karthikudupa5475 3 роки тому

      Thanks Dibyansh, I was searching for this.

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      Bhai mere 426 error aa rha h
      Kesi fix karu plz help 😭🙏

    • @dibyansh7507
      @dibyansh7507 3 роки тому

      @@ykmstudio2199 mera solution toh sabke liye kaam kar raha hai.

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      @@dibyansh7507 hmm bhai fir bhi aa rha tha
      Pr uska solutions h gnews api
      Same h newsapi jesa but usme nhi aara error 😇

    • @wasisheikh231
      @wasisheikh231 3 роки тому

      @@ykmstudio2199 bhai kaise kara

  • @ranmaleankur2957
    @ranmaleankur2957 4 роки тому +2

    Harry bhai code implemented successfully. Thanks a lot feeling happy....Thank you for the tutorials...

  • @neilrehani.1409
    @neilrehani.1409 3 роки тому +4

    Sir watching this in 2021....not able to get the request from NEWS API...copied & pasted your own code with my API key then too giving me a 426 error...plz help

  • @unpit
    @unpit 3 роки тому +1

    I live in Zakir Nagar and shocked to see the news of my area ...... !! HATS OFF HARIS BRO

  • @professionalman2591
    @professionalman2591 2 роки тому

    Best Video Thank You Sir

  • @rinkeshranpariya887
    @rinkeshranpariya887 3 роки тому +5

    Please help :
    426 error
    how can i solve this?

  • @Utkarshh11111
    @Utkarshh11111 5 років тому +3

    Love You bro please make videos on Artificial Intelligence pleaseeeeee

  • @PritishMishra
    @PritishMishra 5 років тому +1

    Harry bhai I love your teaching style

    • @sagarkesarwani83
      @sagarkesarwani83 3 роки тому

      @@ykmstudio2199 same solve hua voo?

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      @@sagarkesarwani83 bro gnewsapi use kro newsqpi k badle baki process same

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

  • @priyankashinde1424
    @priyankashinde1424 2 роки тому

    Thank you sir for best Javascript tutorial on UA-cam!! :)

  • @tusharsingh2048
    @tusharsingh2048 3 роки тому +1

    32.55 bhai gazab ka edit maara h

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

  • @justfun591
    @justfun591 4 роки тому +2

    You're great Sir. Much Love from Pakistan

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому +1

      25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

    • @justfun591
      @justfun591 3 роки тому +1

      @@ykmstudio2199 Maybe *object in object ho*. or ham forEach se har key value pair fetch kr rahey hain

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому +2

      @@justfun591 wahi to bhai agar object in object bhi h to for in loop, to properly work krna chahiye or fir.. kyu bola harry bhai ne ki array h and,, esa hi ek project kiya mene to error aa rha foreach loop lagane pr ,,...bhale aap source code ko chalae ya aapne project bnaya ho to aap dekhe console.log(typeof (result)) krke object hi btae ga🙄🙄

  • @dynamictechnology4912
    @dynamictechnology4912 5 років тому +4

    Manta hu apka lecture!!!! keep going on.... god bless you for our help

  • @sarthakpatelia9888
    @sarthakpatelia9888 4 роки тому +2

    i loved this project excellent sir.

  • @NinjaCoders
    @NinjaCoders 3 роки тому +1

    very happy new year harry bhai

  • @siemen_subbaiah
    @siemen_subbaiah 4 роки тому +2

    Thank you so much Harry Bhai⚡

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

  • @needsomeone3636
    @needsomeone3636 4 роки тому +3

    sir please help me i am facing problem its show failed to load 426 error

  • @sanjaypaul6651
    @sanjaypaul6651 2 роки тому

    thank you so much harry sir💗💗💗💗💗💗💗💗🧡🧡🧡🧡🧡🧡🧡🧡🧡

  • @msbasera
    @msbasera 2 роки тому

    Love you bhai ❤️

  • @ak_8.8.8
    @ak_8.8.8 2 роки тому +1

    15:13 remove indent
    Keyboard Shortcut: *Ctrl + ]*

  • @sachingusain_
    @sachingusain_ 5 років тому +1

    harry bhai djnago m payment gatway or login through different medium like fb,gmail pr bnaao viedo ek...btw u r doing a gr8 work . stay blessed

  • @saroshahmed7097
    @saroshahmed7097 3 роки тому

    you are a legend brother..

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      25:15 Bhai plz btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

  • @alliswell8317
    @alliswell8317 Рік тому

    What font Family you are using for your editor?

  • @monusingh3719
    @monusingh3719 4 роки тому

    Great small projects ...very helpful

  • @chiragsoni1589
    @chiragsoni1589 3 роки тому +1

    is NewsApi still woking in browser in developer plan?

  • @cuteboy856
    @cuteboy856 3 роки тому

    good harry bhai, keep it up the good work, aisay he project banatay rahain, it helps us a lot

    • @doedits2842
      @doedits2842 3 роки тому

      Hello I try to add search functionality
      By the same method which used in notes app project but it doesn't worked anyone please help!

  • @princesukhala7106
    @princesukhala7106 2 роки тому

    19:00min
    Done done
    Again

  • @ripanseal9105
    @ripanseal9105 4 роки тому +3

    My news api request is not working . It shows 426 error. What is the problem?? can anyone tell me!!!

  • @LalitKishork
    @LalitKishork 2 роки тому

    can you recommend another news API, any of them not working currently.

  • @muhammadaarizimam4890
    @muhammadaarizimam4890 3 роки тому

    Bhai please ek complete course bano C# language pe or saathi saath bhai ek 3D game development ke auper bhi course banaio, lekin please usme Unity, Unreal jaise koi game engine software mat use krna but koi Ursina game engine jaisa engine use krna ya fir khud ka engine banana batana jisme hamara code hi hamara game ho.
    Or bhai please iss message pe ek reply kar dena taaki mere dil ko bhi ek tasalli mil jaye. Aur shukriya bhai hamen itna saare useful content dene ke liye. Aapke channel ke koi bhi video waste nhi h, main iska dawa krta hun.

  • @kalyanipriyadarsini
    @kalyanipriyadarsini 4 роки тому

    Nice project for beginners ..

  • @AshishPradhan-rm9ix
    @AshishPradhan-rm9ix 3 роки тому

    Plz reply sir at tell me the good sites were i can take some references

  • @ankitjain2398
    @ankitjain2398 5 років тому

    Awesome video bhai. Bhai apse ek request h react and react native pr course bnaiye

  • @nimrakhalid7619
    @nimrakhalid7619 2 роки тому

    Sir get karty hoye url kaha sy ly gy news api sy Jo hm ny open karni h?

  • @Toonzy-official
    @Toonzy-official 2 роки тому

    If we put this project on GitHub then what about security of our API key?

  • @ykmstudio2199
    @ykmstudio2199 3 роки тому +1

    25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

    • @doedits2842
      @doedits2842 3 роки тому

      Because articles is an array of objects

  • @amanrauniyar6698
    @amanrauniyar6698 3 роки тому +2

    mera 426 error aarah he send karne k baad plz any solution

  • @vikashkumar-lo9di
    @vikashkumar-lo9di 2 роки тому

    Superv 🙏♥️

  • @kartikeykakaria8a168
    @kartikeykakaria8a168 3 роки тому

    bro tumhara 90% sikhaya to sahi gaya is video ka lekin ek problem aagyi jo online link tha vo access karte hue he website does not allows to access. lekin maine bhi uska sara content copy karke uski ek alag json file banali aur use access karlia. par isme problem yeh aayi ki it will not be live! I will have to update again and again.

  • @appinventwithbibek
    @appinventwithbibek 3 роки тому

    Bhai ye news website google adsense se monitize ho sakta hai kya

  • @varunmittal8005
    @varunmittal8005 3 роки тому +4

    Hello harry bhai
    Bhai yeh 426 error show kr rha h.. plz bhai tell me how to solve this problem. I have searched on net but can't find anything
    plz tell me bhai how to solve this..
    Thank You

    • @abinashchoudhury8310
      @abinashchoudhury8310 3 роки тому +1

      If you have somehow found any alternative for this , then could you please share ?

    • @varunmittal8005
      @varunmittal8005 3 роки тому

      @@abinashchoudhury8310 if i found something, I will tell you

    • @vinaykumar894
      @vinaykumar894 3 роки тому +1

      after opening just replace your url with-- locahost:port(5500)/file_name

    • @abinashchoudhury8310
      @abinashchoudhury8310 3 роки тому

      @@varunmittal8005 I have got the solution in the comment section itself....use gnewsapi..it will work :)

    • @varunmittal8005
      @varunmittal8005 3 роки тому

      @@abinashchoudhury8310 okkk thnq

  • @yashwantsahu1752
    @yashwantsahu1752 4 роки тому

    great Sir ....

  • @kidscartoonsandlearning9984
    @kidscartoonsandlearning9984 3 роки тому

    Bhai, This type of Website can be approved by google adsense ??

  • @gauttamgoyal5720
    @gauttamgoyal5720 3 роки тому +4

    I uploaded this project on github but while running the console shows an error saying that "the server responded with a status of 426 ()". please tell how to solve this error

  • @abhinavpandey3356
    @abhinavpandey3356 4 роки тому

    Harry bhai pls isko javascript me fetch ka use krke kese bnayge y btado plssss.....

  • @yashvardhansingh4256
    @yashvardhansingh4256 4 роки тому

    News update kaise hogi is project me....ya refresh krne pe nyi news aati rhengi??

  • @laxmankumawat6728
    @laxmankumawat6728 2 роки тому

    Love you two years after ❤️💪❤️👍

  • @shivanshpurwar8543
    @shivanshpurwar8543 3 роки тому

    those have cors policy use moesif extension

  • @Rahulyadav-ry1lk
    @Rahulyadav-ry1lk 5 років тому

    Kasam se Maine aajtak aisa koi UA-cam pe coding sikhane wala nhi Mila please

  • @Praveenkumar-wv8qy
    @Praveenkumar-wv8qy 5 років тому

    #continue machine learning please😫🙏🙏💓

  • @THEROBINKEVIN
    @THEROBINKEVIN 3 роки тому

    Wow 💓💓

  • @pranavn2554
    @pranavn2554 4 роки тому +11

    No 'Access-Control-Allow-Origin' header is present on the requested resource. can anyone resolve this

    • @prash_sh
      @prash_sh 4 роки тому +2

      I'm having exactly the same issue here.

    • @pranavn2554
      @pranavn2554 4 роки тому +1

      @@prash_sh I couldn't resolve the error but I used access control allow origin plugin it worked for me

    • @prash_sh
      @prash_sh 4 роки тому

      @@pranavn2554 yeah I read about the plugin but didn't feel like using it. Now it seems like I don't have a choice but to use it.

    • @pranavn2554
      @pranavn2554 4 роки тому

      @@prash_sh s even I had no choice

    • @GautamKumar-kh2th
      @GautamKumar-kh2th 4 роки тому +2

      Hi pranav
      I have also this problem but now I resolved it.
      you can create a index.php file and write
      ////

  • @srishtiyadav5831
    @srishtiyadav5831 2 роки тому

    I tried adding image too but getting this error:
    "Image (async)
    xhr.onload
    load (async)
    (anonymous)"
    please help!!

  • @Rahulyadav-ry1lk
    @Rahulyadav-ry1lk 5 років тому

    Nice video

  • @nityan8037
    @nityan8037 4 роки тому +6

    Search button code:
    let search = document.getElementById('searchTxt');
    search.addEventListener("input", function(){
    let inputVal = search.value;
    // console.log('Input event fired!', inputVal);
    let cards = document.getElementsByClassName('card');
    Array.from(cards).forEach(function(element){
    let cardTxt = element.getElementsByTagName("div")[0].innerText;
    if(cardTxt.includes(inputVal)){
    element.style.display = "block";
    }
    else{
    element.style.display = "none";
    }
    // console.log(cardTxt);
    });
    });

    • @siemen_subbaiah
      @siemen_subbaiah 4 роки тому

      thank you so much bro,I was a bit struggling for this!

  • @TamoorAkhter
    @TamoorAkhter Рік тому +1

    Is Harry is her? Owner of channel (CodeWithHarry)

  • @whatteverr
    @whatteverr 2 роки тому

    bro, plz create a tutorial in laravel based news portal like bbc, cnn.

  • @invisionchip
    @invisionchip 4 роки тому

    Bhai video dekha sekha banaya host kiya. But sirf laptop ke chrome pe news showOdell kar raha hai. Phone pe nahi, kyakeep karun plz reply

  • @rajabhishek4973
    @rajabhishek4973 5 років тому

    Nice sie

  • @rondotTs
    @rondotTs 5 років тому +4

    Sir please Java Data structure and algorithms par series bna do bhaiya plxxx🙏💞

  • @shravanpanchal8920
    @shravanpanchal8920 2 роки тому

    Sir i added Time and date in it using only JavaScript and no HTML

  • @sadafsiddiqui1589
    @sadafsiddiqui1589 3 роки тому +2

    I am getting no access-control-allow-Origin

  • @noobsgaming2291
    @noobsgaming2291 3 роки тому

    please make these tutorial using wordpress

  • @kiranmahajan778
    @kiranmahajan778 4 роки тому +3

    Bahiyya when we host this website on github i am getting an error of mixed content bcoz the request to api is an http request

  • @ykmstudio2199
    @ykmstudio2199 3 роки тому +4

    Bhai mere 426 error aa rha h
    Kesi fix karu plz help 😭🙏

    • @wasisheikh231
      @wasisheikh231 3 роки тому +3

      same here

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому +1

      @@wasisheikh231 brother use gnews api instead of newsapi

    • @vinaykumar894
      @vinaykumar894 3 роки тому

      after opening just replace your url with-- locahost:port(5500)/file_name

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      @@vinaykumar894 25:15 Bhai plz btao articles to object h na bhale hi check krlo typeof articles krke.. fir usme forEach loop kese lga...?🙏😟

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

  • @amritraj658
    @amritraj658 4 роки тому

    Love this project 😍😍

  • @psgehlot9484
    @psgehlot9484 3 роки тому

    Hello sir
    Isme
    Xhr. Send()
    Ma problems aa rahe ha
    Mana apne news api add krle phir bhi nai chal raha

  • @sandeep6460
    @sandeep6460 5 років тому

    Very Nice

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

    • @sandeep6460
      @sandeep6460 3 роки тому

      @@ykmstudio2199 kya kah rahe go

    • @sandeep6460
      @sandeep6460 3 роки тому

      @@ykmstudio2199 array me values comma separated hoti j

    • @sandeep6460
      @sandeep6460 3 роки тому

      @@ykmstudio2199 yaar my Instragram I'd is Sandeep Sihag indian h message kar do baat karte h

    • @ykmstudio2199
      @ykmstudio2199 3 роки тому

      @@sandeep6460 thik h bhai krta hu instagra pe

  • @gopalbhagat9528
    @gopalbhagat9528 5 років тому

    nice sir

  • @its.me.be.positive
    @its.me.be.positive 5 років тому

    Sir vue.js pr bhi videos bana dijiye

  • @_q9011
    @_q9011 2 роки тому

    my powershell doesn't work when i typed "code.". can you please help me?

  • @rishabhjain8472
    @rishabhjain8472 4 роки тому

    bhai jsp website ko host karne pe bhi ek video bana do

  • @rajnishkumarsingh4315
    @rajnishkumarsingh4315 4 роки тому +1

    I tried to fetch the API but it's can't be fetched.can you solve this problem .Why this happened?

  • @codewithcodemon8978
    @codewithcodemon8978 2 роки тому

    Sir please ek XML ka complete tutorial laado

  • @nanzz57148
    @nanzz57148 3 роки тому

    newsapi ke alawa news kaise extract kar skte he sirf keywords use krke

  • @AshishNallana
    @AshishNallana 3 роки тому

    harry bhai ek problem...Raksha karo
    jab maine news api use kari to api key, baaki sab ekdam set tha...lekin phir maine suna ki ye jo api ka kaam hai ye node.js ya server side se karna hai or ye error 426 dikha rha tha with cors policy...help me out koi or tarika nhi hai kya... server side ke alava

    • @prog2597
      @prog2597 3 роки тому

      Mera bhi a raha hain 426 error

  • @vanshitapalve8598
    @vanshitapalve8598 3 роки тому

    How can I get this code? It's really urgent

  • @rustamaliansari5472
    @rustamaliansari5472 3 роки тому +3

    Failed to load resource: the server responded with a status of 426

    • @RahulMishra-mt3cv
      @RahulMishra-mt3cv 3 роки тому

      Getting same error.

    • @gabbarpatil3222
      @gabbarpatil3222 3 роки тому +1

      @Panthera Tigris Copy that json as a text file and use that text file to complete this project

  • @khushimittal8162
    @khushimittal8162 2 роки тому

    21:14 what does it mean by articles ?can anyone please explain

  • @ritik.kumar15
    @ritik.kumar15 3 роки тому +1

    Bhaiya 426 status error aarha hai

  • @doedits2842
    @doedits2842 3 роки тому

    Hello I try to add search functionality
    By the same method which used in notes app project but it doesn't worked anyone please help!

  • @sunilawasthi4106
    @sunilawasthi4106 5 років тому

    Can u make videos on laravel

  • @sahidabanoo1817
    @sahidabanoo1817 3 роки тому +2

    2:30 HarryTak Kya hi hota hai😂😂

  • @ziamalik189
    @ziamalik189 5 років тому +2

    Sir please add some video for reading , writting and updating data using javascript, html, css etc one complete project with complete details so that we may use that as refrence. Thanks

  • @karthikjoshi6386
    @karthikjoshi6386 3 роки тому

    i am getting chrome extension error and error on file in which i wrote my code it's showed same but i pasted code from code with harry but same error pls help me in resolving error

  • @DevRaj-zk8tm
    @DevRaj-zk8tm 3 роки тому

    my API key is not working can you please how it will work?

  • @neelpatel4012
    @neelpatel4012 4 роки тому +1

    I have not running any program related to ajax because my console says it's fail to load and throws the 426 error even if I copy your code from your side although I face same problem...
    Please help me Harry Bhai😔

    • @needsomeone3636
      @needsomeone3636 4 роки тому

      same bro i am also facing this problem

    • @neelpatel4012
      @neelpatel4012 4 роки тому

      @@needsomeone3636 brother I got solution... Run your program in the localhost so you can't face the problem of 426
      For that you have to install xampp in your PC

    • @keshavsangwan5091
      @keshavsangwan5091 3 роки тому

      @@neelpatel4012 thanks bro...localhost is working

  • @shubhamnaik1635
    @shubhamnaik1635 5 років тому

    Java me babycare servlet kaise banaye help kardo video me banake and your videos are seriously great😇

  • @createyourworld7749
    @createyourworld7749 3 роки тому

    can you make video on making a news website like aaj tak; abplive news and other proffesional website please make a video

  • @Kavya2008-c9o
    @Kavya2008-c9o 4 роки тому +2

    bro its showing 426 upgrade required