Using only HTML, CSS and Javascript | News Website Project
Hey guys, In this video, We will build a complete News Website using only HTML, CSS and Javascript
Websites use:
News API: newsapi.org
Code here: github.com/Anuj-Kumar-Sharma/...
Checkout our Platform: codingshuttle.com
📒 Get Notes here: telegram.me/realanujbhaiya/129
🧑🏻💻 Get Code here: telegram.me/realanujbhaiya/132
📌 Bookmark this Playlist: • Web Development Course...
🥳 Join our Telegram Community:
Telegram channel: telegram.me/realanujbhaiya
🚀 Follow us on:
Linkedin: / coding-shuttle
Instagram: / codingshuttle_
Twitter: / anujbhaiya716
Hashtags:
#codingshuttle #webdevelopment
Ignore these tags:
html css javascript project
news website
news website html css javascript
news api
coding shuttle
project using html css and javascript
javascript project
html css js project
html css and javascript project
blog website html css javascript
anuj bhaiya
anuj bhaiya web development
html css project
javascript projects
html css javascript projects
projects using html css and javascript
js projects
web development projects
html css js projects
javascript api project
website using html css and javascript
anuj bhaiya news app
javascript
website project using html css javascript
news app using html css and javascript
html css and js project
website project using html, css javascript
code shuttle
api based projects
news app anuj bhaiya
news website project
javascript projects for beginners
weather app using html css and javascript
api projects
coding shuttle web development course
news api javascript
js project
news website kaise banaye
project html css javascript
javascript website project
news app project
api project using html css javascript
javascript full course
front end projects
front end projects using html css and javascript
html and css projects
web development project
frontend projects
news website using html css and javascript
web project using html css and javascript
website development using html css and javascript
web development projects with source code
javascript tutorial for beginners
news website anuj bhaiya
web development anuj bhaiya
api project
e commerce website project in html css javascript
html css js website project
portfolio website html css javascript
project on html css javascript
website
project using html and css
javascript html css project
blog website using html css and javascript
how to create news website
news website html css
web development project using html css and javascript
website project
anuj bhaiya project
coding shuttle news website
css
html css javascript project in hindi
html css javascript website project
html css js projects for beginners
js projects for beginners
web development
best project using html css and javascript
clone website html css js
javascript tutorial
javascript website
news api project
portfolio website
how to make a news website
how to make news website
html
html css javascript projects for beginners
html css javascript website
html css projects for beginners
html, css javascript projects
small project on html css and javascript
website using html and css and javascript
ecommerce website html css javascript
javascript for web development
js api project
website using html and css
anuj bhaiya javascript
css html javascript project
html css
newspaper website html css
web dev projects
website html css
Пікірлер: 417
Hi guys, I apologise for not being able to upload videos these past few weeks. We have been busy with building our Platform for coders on codinghuttle.com And now it is completed and I'll be more consistent with the videos here. Thanks for supporting me in this time as well ❤
@sunnykumarpal9679
Жыл бұрын
Bhaiya please make more awesome websites like this
@amitdahiya7425
Жыл бұрын
Bhaiya css jese javascript mai projects kyo ni h , please uske lie bhi kuch projects upload krdo ...... , and please keep uploading these project videos ❤
@prashant.y
Жыл бұрын
Koi nahi we understand😉 your hard work
@aadityaagrawal11
Жыл бұрын
Please upload more video like this.
@prabinkumarsahu
Жыл бұрын
Why this website do not shows news in mobile , I made the complete website , it open in live server but when generate a live link and try to open then the news are not show there . Does anyone here face the same issue
Sir me newsapi me JavaScript console me error show kar Raha h mene kai baar recheck ki code correct pr error show karna news show hi nhi kar Raha h
@codingshuttle i am not able to get why we are clearing our innerHTML after binding of the data. please help
bro my image don't loading , there is no mistaken show in js . i don't understand what i gonna do.
Bhayya api url kam nhi kr rha https ki jgh http not found kh rha h network m or console error de rha h response m 😢😢 Kya kre
Thank u alot bhaiya 🙏❤️❤️......This is a most awaited video . At a very crucial time u have provided us a project that is enough
Thank you bhaiya bohot kuch sikha is project se... Dil se thank you
Thank you so much bhaiya this is my first project, 😊😊 Thanks for this amazing guidance
bhaiya thank you for this series please make more projects like this and thank u so so much
bhaiya plzz if possible regular videos daalne ki koshish kriye I'v been waiting for so long for your new videos your way of teaching is absolutely amazing bhaiya thank you so much bhaiya
it showing window not defined.. can you help me resolve this error
please clear a doubt why this page is not fetching latest news it is showing same news everyday amd some old news
can this be used to get daily latest news also ? Or just the same news . Thanks in advance
Can you please tell what you did at 36:26 - the auto save issue...?
Sir g Java script coding is difficult .How to remember the all coding of JS.
thank you bhaiya for this wonderful project i was struggling with java script and with this project i got lot of confidence.
Bhaiya you deserve billion of subscriber thank you so much♥️
Thanks Bhaiya, for this project; we wish we will see the the greater side of your knowledge in coming days through a lot of projects and consistency as well😊.
@AJ-wf3wp
10 ай бұрын
can we deploy it ?
@codingshuttle Bhaiya can you tell me in what way I need to write this project in my resume to look impressive
Bhaiya First of all thanks mujhe college project m news website banani thi but mujhr khud ka news upload krna ha website p wo kaise hoga??? Pls reply
Bhaiyaa Mere Me Error Aa Raha Hai cardsContainer is Null Please Help
Hi anuj .my nephew has got admission in computer science course..can you upload a begginer leven tutorial for those who are starting C's branch??
perfect explanation. thanks for the video
Bhaiya aapka samjhane ka tarika bohot hi achha h love you bhaiya❤❤ Please continue more projects like this 🎉🎉🎉
zabardas sir sir isi trahn ki js project or bi video uplod kare plz js concept kafi clear hojata he
can we add this project in resume (i m a fresher ) will this make a good impact ?
Please bhaiya it's an request ki aap please consistency maintain rakhiye.... please kaffi delay hota ja raha h is wajah se course
Bhai please continue the series.
@nitin6096
Жыл бұрын
we need him here😂
@anikkoley8464
Жыл бұрын
Plz aise related project leke aiya
is project ki GitHub page ke through kaise host Karna hai?
Great Explanation Bhaiya!!❤❤❤
Thank you Bhaiya! I used my own UI in the project. I also made it responsive, and added a 'Go Up' button for smaller displays. Also added Dark Mode.
@bansal208
Жыл бұрын
hey can you please share the source code.
@amansayer4943
Жыл бұрын
bro you aced it
@sAuraBhTissout
Жыл бұрын
bhai api ka key kam ni kr rha h new email me aya h phir v
@AJ-wf3wp
10 ай бұрын
can we deploy it ?
@yhbarve
10 ай бұрын
@@AJ-wf3wp yeah
error aaraha hai innerhtml mai ,auto save bhi on kiya fir bhi error solve nhi ho raha
Every beginner wants sch exaplation I am really very grateful and have desired sch more projects like this...
@avantiverma2811
22 күн бұрын
hey can you just confirm whether this uses bootstrap to make it responsive for other devices too?
Anyone know how to resolve cross-origin problem i can't be able to hot it
Thank you so much,you really teach awesome 👍
Waiting for your new video....thanks ❤
This project can I put in resume Final year student
Bhaiya ye website guthub pe hosting karne ke baad kam nhi kar raha hai
Sir, my navigation bar and search button are not working, and there are no errors shown in the console log. I followed all the steps you taught us, but I still haven’t been successful.
@keerthanaaduri
7 ай бұрын
same here even i have the same problem
OMG itne saalo baad finnally ❤
Sir this project is not able to load properly
bro mene yeh site bna k gitub page m daali pr vhn chl ne ri yeh site fir mene is site ko netlify pe dala vhn v ne chlri site news load nahi hori h white blank page ara hai kaise solve hoga plzzzz reply...
@RaisingGaming
3 ай бұрын
pta chala kyu hora hai?
Bhaiya iss news api ko hum deploy nhi kar sakte?? toh kya fayda??
Informative 💯
sir i have question why you don't build mobile first
Thank You so Much Bhaiya!
bhaiya you really help.
bhaiya mera fetchnews konsi bhi value ko fetch nahi kar raha hai . what is the issue except the first query="india "
@saurabhkhamkar12
5 ай бұрын
Same issue
Hello I'm writing the same line of code of fetch() function in the fetchNews() function which is called on the load event of window..but I got status: error to fetch the source from the network....Error throw
@crafttechindia
Жыл бұрын
check your forEach spelling e should be capital 'E'
@mrrajmishra6219
Жыл бұрын
Ya i also got the same error please guide us anyone to solve the error
it is helpful and do more like this kind of the website
Bhaiya Responsive Websites ke liye ek detailed video banado
I'm making this project with the help of this video and i fill very confident Thank you sir 😊
@AJ-wf3wp
10 ай бұрын
can we deploy it ?
Dsa launch video kb aayegaa....dsa batch kb launch hogaa
thx sir amazing project
Can I connect database to this project
Awesome method to tech....
What about full stack developer on KZread
plz Bhaiya make more projects like this
Sir plzz frontend react ke sath continue rakho
sir, this project was awesome....
@codingsuttle Anuj Bhaiya ye aap jb netlify pe public kr raha hu to data render nhi ho Raha hai kaise handle kare
@sish_techofficial9942
4 ай бұрын
third party api you are sending request Does not allow you to send request from broswer except from localhost, thats why it works on your local machine. paisa lagao subscription lo work krega
Hello guys if we want only Indian news then how we can do it???
Ya GitHub pe deploy karka chl nhi rhi can anyone help me Kya api ka kuch specific upload karna hota hai pls help kar do koie
@omkarwakchaure1396
11 ай бұрын
Bhai huva kya deploy
Superb 🎉
mine is not working can anyone help me
Perfect most awaited video . One again legend on their hard work 1:08
@shivanshsrivastava5561
7 ай бұрын
Section are not displaying when go live ???
@SHARON-BGMI
2 ай бұрын
@@shivanshsrivastava5561 Mine also is not showing the contact it's full blank. Any solution
When i host the web site on git hub pages and open from the provided url it is not showing the news. Please provide any solution many are facing the same issue.
@utkarshdewan8736
11 ай бұрын
Same issue. Have you found any solution?
@Shubham-cx7vj
11 ай бұрын
same issue please let me know if you found solution..
@yashdhakad2319
5 ай бұрын
Bro same issue
Sir, please javascript ka complete course dal dijiye
Thanks alot you really saved my day ...Is it okay to use your code ?
Bass ek cheez aur bata deejiye ki main kaise usko GitHub par deploy karen because sirf navigation wala render ho paa raha h,baaki ka body kuch nahi aa raha h,please tell.
@prabinkumarsahu
Жыл бұрын
mine also
Anuj bhaiya please continue
this is responsive or not?
Thank you sir Good Explaination
Great video brother!
Bhai vs code m itne folder ku bana rkhe h hm confuse ho jate h jo bhi project banayo bus bhi folder rakha kro vs m
How to do auto save
bhayia news card show ni ho rhe apka pura code bhi copy krke dekha tb bhi ni ho rhe help me please @codingshuttle
I have a big problem making this project any one can help me how to solve . My problem was api call, request from the browser are not allowed on the developer plan, except from localhost
@saurabhkhamkar12
5 ай бұрын
Same issue brother
api kam ni kr rha hai yaar mera koi hai jo help kr skta h mera
Hi, after deploying the site on vercel, the api cards are not showing up, only the navbar is showing, Can you please help
@hazratofficial07
10 ай бұрын
Same broo
@sawankj
10 ай бұрын
@@hazratofficial07 Bro newsAPI ka premium khareedna pdega iske liye otherwise won't work
Great! this is a begginer friendly project. It helped a lot.
Hello sir... WordPress se Statics website par kaise sift kare
hello bhaiya, thanks for the lecture. very grateful for high quality content. one doubt i have, as far as i know, a given id can only be used once per html page but using template we are dynamically adding news content but the content of each of those have same ids. how is that possible?
@maazshaikh7905
11 ай бұрын
i think when they are cloned, there is only one instance of it so at the time all ids are unique.
Make more projects Anuj bhaiyaa
Will you teach React and Node js as well in this course?
@rahulgupta2322
Жыл бұрын
Ni h I think 🤔
upload more and more more project using html css and javascript
amazing bhaiya
sir how to deploy it because when I'm going to deploy it sir tell me how to deploy it because when i'm going to deploy it api doesn't work there!!!
@sish_techofficial9942
4 ай бұрын
third party api you are sending request Does not allow you to send request from broswer except from localhost, thats why it works on your local machine. paisa lagao subscription lo work krega
hello bhaia.. i have followed this class and made the website but github pages pe host krne k baad cards load nhi ho rhe. Kya problem hai aap bata skte ho
@aniketttrana
11 ай бұрын
Hua??
@sish_techofficial9942
4 ай бұрын
third party api you are sending request Does not allow you to send request from broswer except from localhost, thats why it works on your local machine. paisa lagao subscription lo work krega
Really amazing,,, i also created this amazing website Source :- anuj bhaiya channel Thank u bhaiya (sir )
Bhai ekdam fire 🎉🎉🎉🎉🎉🎉🎉
super bhaiya
Bhaiya ek problem aa rahi hai plz help karo Vs code ka live server pe sahi main chalta hi but jabhi Netlify or Github pe deploy karta hu koi bhi news show nahi karta hi error aata hi [ uncaught (in promise) typeerror cannot read properties of undefined (reading 'foreach') ] plz bhai koi solution bato.
@priyanshu_._
Жыл бұрын
I'm getting STATUS 426 API upgrade error. Can you help in this?
@ahmadwaheed8003
Жыл бұрын
Same error
@shipranshikeshri9210
Жыл бұрын
same here. koi solution ho toh inform me.
Also include mern stack here.
Sir pls bring more projects.
Sir apki video bhut mst lgi
Why it is showing error 426?? Message from the browser are not allowed on the developer plan.
unable to deploy this website on github.😔😔
@utkarshgupta3670
11 ай бұрын
Yes, Please give the solution
Bhaiya react series start krdo plzz😊
How to resolve "UPGRADE REQUIRED (426)" error?