JavaScript Project | News Search App With JavaScript API

In this video, I'll guide you through how to fetch api using javascript. 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!

⭐️ Merch ⭐️

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!

==========================
Free Course to Improve Your Skills
==========================
✅ WordPress Insider:

✅ Learn Bootstrap With Projects:

✅ Web Development For Beginners:

✅ Responsive Web Design With Projects:

✅ Learn JavaScript With Projects:

✅ Learn Python With Projects:

===============================
Connect with me & get daily updates👇
===============================

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

[Techetc]

What should be my next project? 🤔
Please do SUBSCRIBE if you really enjoyed this project & help me to reach 200K SUBSCRIBERS GOAL ♥

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

[amit-jxlh]

THanks man, I did this project.
your way of teaching is really clear and to the point.
Thanks again and lots of love❤❤

[vanshikatechno]

i built my last proj with this and it came out so wonderfull!!! and now going on to soo much
✨♥♥

[letsexplorenow]

Thank you so much for the amazing projects.

[manishgupta]

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

😇😇😇😇😇

[smszyui]

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

[kddpb]

images do not show there is only the mention of img.src = article.urlToImage but no mention of where you put it in the cards so i have no images on amy card

[valenciawalker]

Thank you! for the outstanding project.

[sahityasingh]

It was really amazing 🤩 thanks a lot ❤️

[ranatariq]

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

[shibby]

It didn't work at the part where cards load.

const blogContainer =
document is not defined.
function displayBlogs(articles) {
blogContainer.innerHTML = "";
articles.forEach((article) => {
const blogCard =

const blogImg =
blogImg.src = article.urlToImage;
blogImg.alt = article.title;

other problems, innerhtml cannot be set to null. in the array of articles some articles have null as urlToImage

script.js:44 Error fetching random news TypeError: Cannot read properties of null (reading 'appendChild')
at script.js:34:19
at Array.forEach (<anonymous>)
at displayBlogs (script.js:20:12)
at script.js:42:5

[roni]

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.

[juwel_hossain]

When I upload the project in github and make it live server, the api is not working. It shows a blank page.

[militarywarriors]

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

[surajgrandhi]

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.

[madhumithanagarajan]

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

[fantoshfantosh]

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

[sonalkiknowledge]

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

[vydjiiy]

Can Someone please tell me how good these tutorials are. I am a beginner😟😟

[sathykumarr]

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