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
Пікірлер: 412
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
Thank u alot bhaiya 🙏❤️❤️......This is a most awaited video . At a very crucial time u have provided us a project that is enough
bhaiya thank you for this series please make more projects like this and thank u so so much
Thank you so much bhaiya this is my first project, 😊😊 Thanks for this amazing guidance
Thank you bhaiya bohot kuch sikha is project se... Dil se thank you
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 ?
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
Bhaiya you deserve billion of subscriber thank you so much♥️
thank you bhaiya for this wonderful project i was struggling with java script and with this project i got lot of confidence.
Waiting for your new video....thanks ❤
perfect explanation. thanks for the video
Great Explanation Bhaiya!!❤❤❤
Thank you so much,you really teach awesome 👍
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 ?
Thank You so Much 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
11 ай бұрын
bro you aced it
@sAuraBhTissout
11 ай бұрын
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
Every beginner wants sch exaplation I am really very grateful and have desired sch more projects like this...
@avantiverma2811
9 күн бұрын
hey can you just confirm whether this uses bootstrap to make it responsive for other devices too?
OMG itne saalo baad finnally ❤
Bhaiya aapka samjhane ka tarika bohot hi achha h love you bhaiya❤❤ Please continue more projects like this 🎉🎉🎉
bhaiya you really help.
Perfect most awaited video . One again legend on their hard work 1:08
@shivanshsrivastava5561
7 ай бұрын
Section are not displaying when go live ???
@SHARON-BGMI
Ай бұрын
@@shivanshsrivastava5561 Mine also is not showing the contact it's full blank. Any solution
sir, this project was awesome....
Awesome method to tech....
Thank you sir Good Explaination
Bhai please continue the series.
@nitin6096
Жыл бұрын
we need him here😂
@anikkoley8464
Жыл бұрын
Plz aise related project leke aiya
thx sir amazing project
plz Bhaiya make more projects like this
Really amazing,,, i also created this amazing website Source :- anuj bhaiya channel Thank u bhaiya (sir )
Anuj bhaiya please continue
it is helpful and do more like this kind of the website
Informative 💯
made this thanku very much my first major project
@Mars18542
Ай бұрын
I coppied the code from github but its not working just the nav bar display
Great! this is a begginer friendly project. It helped a lot.
Just completed the project 💯 Thank you soo much bhaiya 🙏 Learnt a lot!!
@avantiverma2811
9 күн бұрын
hey can you just confirm whether this uses bootstrap to make it responsive for other devices too?
Bhaiya Responsive Websites ke liye ek detailed video banado
Great video brother!
Thanks alot you really saved my day ...Is it okay to use your code ?
Sir apki video bhut mst lgi
zabardas sir sir isi trahn ki js project or bi video uplod kare plz js concept kafi clear hojata he
Sir pls bring more projects.
Also include mern stack here.
can this be used to get daily latest news also ? Or just the same news . Thanks in advance
Superb 🎉
Bhai ekdam fire 🎉🎉🎉🎉🎉🎉🎉
Please bhaiya it's an request ki aap please consistency maintain rakhiye.... please kaffi delay hota ja raha h is wajah se course
upload more and more more project using html css and javascript
@codingshuttle i am not able to get why we are clearing our innerHTML after binding of the data. please help
Sir plzz frontend react ke sath continue rakho
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??
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
Make more projects Anuj bhaiyaa
Bhaiya react series start krdo plzz😊
Sir, please javascript ka complete course dal dijiye
Ok bhai thanks🙏
bro my image don't loading , there is no mistaken show in js . i don't understand what i gonna do.
Thanks Anuj Bhaiya
Thank alot❤❤❤
@codingshuttle Bhaiya can you tell me in what way I need to write this project in my resume to look impressive
Please make like this videos ❤❤
amazing bhaiya
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
Nice
finally full project completed
@CHANDANKUMAR-sg8cp
Жыл бұрын
bhaiya deploy bhi kiye hai kya?
@AJ-wf3wp
10 ай бұрын
can we deploy it ?
Can you please tell what you did at 36:26 - the auto save issue...?
Sir Kindly MERN ka course shuru karwa dain. Huge fan from Lahore, Pakistan😇.
@factoworld9527
11 ай бұрын
Q bhai pakistan me nhi hai kya web developer ?
good explaynation
What about full stack developer on KZread
it showing window not defined.. can you help me resolve this error
thankyou so much sir . this is my first project and i really enjoyed it
@avantiverma2811
9 күн бұрын
hey can you just confirm whether this uses bootstrap to make it responsive for other devices too?
@pavithrakumar8748
9 күн бұрын
@@avantiverma2811 yes bootstrap makes it responsive
@pavithrakumar8748
9 күн бұрын
@@avantiverma2811 hey would you like to work together?
@avantiverma2811
7 күн бұрын
@@pavithrakumar8748 yeah sure but can you help me with one thing ... im following the video and code but the changes are not showing up not even the nav bar is proper.. please help.. whats the problem here?
@avantiverma2811
7 күн бұрын
@@pavithrakumar8748 can you help me with this thing. the problem is my code is not giving the right display. even the navbar is not appropriate as in video even tho im writting the same code. please help if u can.
thankyou so much bhaiya is ek video se pura coding samajh aa gaya aur coding me interest is project ko mai apni favourite project rakhoonga and isme kuch naya features add karke upload karoonga live
script.js:22 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'forEach') at bindData (script.js:22:14) at fetchNews (script.js:13:5)
@aishaashraf7477
6 ай бұрын
I am getting same error 😅
@yashsharma-xi5cl
6 ай бұрын
@@aishaashraf7477 same problem
super bhaiya
This project can I put in resume Final year student
super Project
One day this playlist get 5cr+ videos in next year 1:55
I was just thinking about making a project using HTML, CSS and JS.
@CHANDANKUMAR-sg8cp
Жыл бұрын
bhaiya deply bhi kiye hai kya website ko
thanku sir
Will you teach React and Node js as well in this course?
@rahulgupta2322
Жыл бұрын
Ni h I think 🤔
Sir g Java script coding is difficult .How to remember the all coding of JS.
Thank you so much sir.
can we add this project in resume (i m a fresher ) will this make a good impact ?
please clear a doubt why this page is not fetching latest news it is showing same news everyday amd some old news
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
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
10 ай бұрын
i think when they are cloned, there is only one instance of it so at the time all ids are unique.
Dsa launch video kb aayegaa....dsa batch kb launch hogaa
bhaiya is tarah ke project dalte rha kro
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
Mja aa gya bhai
Missi u BHAIYA 😢❤
Bhai C++ ki series lao
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
10 ай бұрын
same issue please let me know if you found solution..
@yashdhakad2319
4 ай бұрын
Bro same issue
How to do auto save
Sir React main project bana dain plz
Bhaiyaa Mere Me Error Aa Raha Hai cardsContainer is Null Please Help
Hello sir... WordPress se Statics website par kaise sift kare
sir i have question why you don't build mobile first
you should make it responsive
Thanks bhaiya
@sudhanshuchaubey896
Жыл бұрын
chal jhuta
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
11 ай бұрын
check your forEach spelling e should be capital 'E'
@mrrajmishra6219
11 ай бұрын
Ya i also got the same error please guide us anyone to solve the error
Bhai thoda frequent video post kiya karo