JavaScript Project | News Search App With JavaScript API

Поделиться
HTML-код
  • Опубликовано: 13 июн 2024
  • To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/Tech2etc . The first 200 of you will get 20% off Brilliant’s annual premium subscription.
    In this video, I'll guide you through building a News article Search App using JavaScript API. Perfect for beginners and those looking to enhance their HTML, CSS, and JavaScript skills. This JavaScript project will help to understand the fundamentals for API. Join us as we create this dynamic project together!
    Source Code 1: www.buymeacoffee.com/tech2etc...
    Source Code 2: ko-fi.com/s/b605db69bc
    All Source Codes: www.buymeacoffee.com/tech2etc
    ⛔❌Do Not CLICK This Link: bit.ly/3lJLyLY
    Need any help? Join my Discord: / discord
    ⭐️ Merch ⭐️
    👕 Merchandise: tech2-etc.creator-spring.com
    If you enjoyed this video, then please please 👍LIKE and SUBSCRIBE this channel & press the bell icon for future videos.
    Thank you.
    =============
    SUPPORT ME 💪
    =============
    🎁 Support and Buy Me A Coffee for exclusive episodes, discord and more!
    www.buymeacoffee.com/tech2etc
    🎀 Donate Me By Paypal: www.paypal.com/paypalme/tech2etc
    ==========================
    Free Course to Improve Your Skills
    ==========================
    ✅ WordPress Insider:
    • WordPress Tutorial
    ✅ Learn Bootstrap With Projects:
    • Bootstrap Website Tuto...
    ✅ Web Development For Beginners:
    • Learn Web Design & Lea...
    ✅ Responsive Web Design With Projects:
    ruclips.net/user/Tech2etcpl...
    ✅ Learn JavaScript With Projects:
    • JavaScript Projects Fo...
    ✅ Learn Python With Projects:
    • Python Projects
    ===============================
    Connect with me & get daily updates👇
    ===============================
    Discord: / discord
    Instagram: / fahimulkabir.tech2etc
    Twitter: / tech2etc
    LinkedIn: / fahimulkabirchowdhury
    Group: / 14295322
    FB (Personal): / mdfahimulkabir
    FB Page: / tech2etc
    FTC disclaimer, "This video was sponsored by Brilliant".
    Timestamps:
    0:00 Intro
    4:05 File setup
    5:36 Navbar HTML
    7:32 Navbar CSS
    13:40 Blog Card HTML
    16:04 Blog Card CSS
    25:17 Responsive
    29:22 JavaScript
    1:06:06 Final Project

Комментарии • 66

  • @Tech2etc
    @Tech2etc  4 месяца назад +2

    What should be my next project? 🤔
    Please do SUBSCRIBE if you really enjoyed this project & help me to reach 200K SUBSCRIBERS GOAL ♥
    To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/Tech2etc . The first 200 of you will get 20% off Brilliant’s annual premium subscription.
    Timestamps:
    0:00 Intro
    4:05 File setup
    5:36 Navbar HTML
    7:32 Navbar CSS
    13:40 Blog Card HTML
    16:04 Blog Card CSS
    25:17 Responsive
    29:22 JavaScript
    1:06:06 Final Project

    • @AshikRahman-fw3sv
      @AshikRahman-fw3sv Месяц назад

      how to make codecanyon website using html and css JavaScript 2024

  • @letsexplorenow
    @letsexplorenow 3 месяца назад +1

    Thank you so much for the amazing projects.

  • @valenciawalker6498
    @valenciawalker6498 2 месяца назад

    Thank you! for the outstanding project.

  • @mohsenvanc
    @mohsenvanc 3 месяца назад

    Thank you so much, it was so useful

  • @ourmaths8293
    @ourmaths8293 Месяц назад

    Thanks a lot!

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

    It was really amazing 🤩 thanks a lot ❤️

  • @zeno8237
    @zeno8237 4 месяца назад +2

    thank you, very helpful project

    • @nishantmishra7071
      @nishantmishra7071 3 месяца назад

      Can you share your github
      I face problems in my code during fetching

    • @MandeepSingh-wp3zs
      @MandeepSingh-wp3zs 2 месяца назад

      @@nishantmishra7071 i also

  • @roni241097
    @roni241097 Месяц назад

    Hey thank you very much for the amazing videos,
    If I want to connect what I did in building TRIPY to a backend I prepared in Python, which video would you recommend me to watch? Thank you very much
    I would love for you to translate this passage for me.

  • @fariadworld446
    @fariadworld446 3 месяца назад +1

    Thank you, very helpful project!

  • @user-py2mk5zj6o
    @user-py2mk5zj6o 3 месяца назад

    thanks so muchhh

  • @ranatariq8638
    @ranatariq8638 4 месяца назад

    I am very grateful to my dear sir and request plz more projects like this ...

    • @Tech2etc
      @Tech2etc  4 месяца назад

      More are coming soon.... Stay connected 😇

    • @ranatariq8638
      @ranatariq8638 4 месяца назад

      @@Tech2etc thank you sir

  • @militarywarriors8475
    @militarywarriors8475 4 месяца назад

    its not working showing 404 error even after writing correct api url and api key please help

  • @surajgrandhi6742
    @surajgrandhi6742 Месяц назад

    Hi bro, can you help me. I am facing problem with loading images. 'Failed to load resource: the server responded with a status of 404 (Not Found)'. I am getting this message.

  • @michaelnwohiri2483
    @michaelnwohiri2483 Месяц назад

    some news dont have images,
    any solution??

  • @manishgupta8057
    @manishgupta8057 3 месяца назад

    Dear Sir,
    I wanted to express my sincere gratitude for your guidance on the JS API project. Your expertise and support have been invaluable, and I am thankful for the knowledge and skills gained under your mentorship. Thank you sir for teaching this amazing project
    😇😇😇😇😇

    • @nishantmishra7071
      @nishantmishra7071 3 месяца назад

      Can you share your github
      I face problems in my code during fetching.

  • @saurabhdixitgurubaba6985
    @saurabhdixitgurubaba6985 2 месяца назад

    why 426 code occcurs? not ble to fetch url

  • @user-sm5sz6yu2i
    @user-sm5sz6yu2i 2 месяца назад

    My advice, don't be too late to put the semicolon ; on your each syntax because when i followed your tutorial there was a syntax i didn't put the semicolon on

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

    i m having trouble with the api url

  • @kuldeepsahoo4680
    @kuldeepsahoo4680 2 месяца назад +2

    51:11 '

  • @oshiagrawal2030
    @oshiagrawal2030 3 месяца назад

    Not getting any error still no results are shown

  • @_arun_k
    @_arun_k 3 месяца назад

    Awesome

  • @madhumithanagarajan804
    @madhumithanagarajan804 3 месяца назад +1

    I am getting, GET 426 (Upgrade Required) error .Please assist me on this.

    • @musiclyr2514
      @musiclyr2514 Месяц назад

      Experienced same. Googled, says - "Need a different protocol". donno hw to correct it 🙄😑

  • @fantoshfantosh
    @fantoshfantosh 2 месяца назад

    const articles you write it 3 time i dont know why?? but that is greet so much usefull thank you ssssooooooooo much good luck

  • @sathykumarr4757
    @sathykumarr4757 Месяц назад

    Bro please put a video to code backend for an e-commerce website using javascript as a backend language and to connect my SQL database to that website.....!

  • @user-ec7fc9zu4u
    @user-ec7fc9zu4u 2 месяца назад

    search button not working

  • @firosshamhd
    @firosshamhd 3 месяца назад

    Bro please create a python program to make a bot which is used to forward old messages from one channel to another

  • @sonalkiknowledge8999
    @sonalkiknowledge8999 2 месяца назад

    It is showing error inthe URL.Status 426 Upgrade required.What's the solution for this?If anyone can help out

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

    can u share the source code ?

  • @AbdiazizMohamed-cm9cq
    @AbdiazizMohamed-cm9cq 4 месяца назад

    Portfolia project using react js do that one bro❤

    • @Tech2etc
      @Tech2etc  4 месяца назад

      I did make a portfolio website with reactjs. Please check our react js playlist. But i will create a new one soon 😇

  • @sumitsaurav3189
    @sumitsaurav3189 3 месяца назад

    api not working

  • @anmolanmol2075
    @anmolanmol2075 2 месяца назад

    Building an api and connecting with website

  • @ddgaming4098
    @ddgaming4098 24 дня назад +3

    api is not working anybody help me please

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

      i m having the same problem did u happen to fix it by now?

  • @ranatariq8638
    @ranatariq8638 4 месяца назад +1

    ❤❤❤❤

  • @SalamabbechTV
    @SalamabbechTV 4 месяца назад +1

    Can you make a tutorial for student portal with login and registration and has database :] already subs

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

    gud

  • @i_techlover
    @i_techlover 4 месяца назад

    Getting error: failed to load resource: the server responded with a status of 404 (not found)
    Please help

    • @Tech2etc
      @Tech2etc  4 месяца назад

      Please check your api key and its variable name. Variable name and the api url's variable name Should be same.

    • @i_techlover
      @i_techlover 4 месяца назад +3

      @@Tech2etc
      Thank you, it's working now.
      But data is not rendering after uploading the folder on github...only the navbar is coming

    • @saadalsaidy3712
      @saadalsaidy3712 4 месяца назад

      i am also did everything in the js file but still dont get the response a have an error in the apiurl code can you help me the error is response 426@@i_techlover

    • @nishantmishra7071
      @nishantmishra7071 3 месяца назад

      ​@@i_techlovercan you tell your github account ?

    • @user-lc6rl1dh8x
      @user-lc6rl1dh8x 3 дня назад

      @@i_techlover same solution

  • @5minupsc723
    @5minupsc723 28 дней назад +1

    please make the code free

  • @ansalps8022
    @ansalps8022 3 месяца назад +2

    why 426 code occcurs? not ble to fetch url

    • @sumitsaurav3189
      @sumitsaurav3189 3 месяца назад

      same

    • @ansalps8022
      @ansalps8022 3 месяца назад

      @@sumitsaurav3189 pls reply if you debug it, i will do the same if i got the answer.

    • @madhumithanagarajan804
      @madhumithanagarajan804 3 месяца назад

      did you find a fix to 426 error code, if so please let me know

    • @ansalps8022
      @ansalps8022 3 месяца назад

      @@madhumithanagarajan804 No

    • @sumitsaurav3189
      @sumitsaurav3189 3 месяца назад

      yes error still@@madhumithanagarajan804