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

  • @codingshuttle
    @codingshuttle Жыл бұрын

    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

    @sunnykumarpal9679

    Жыл бұрын

    Bhaiya please make more awesome websites like this

  • @amitdahiya7425

    @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

    @prashant.y

    Жыл бұрын

    Koi nahi we understand😉 your hard work

  • @aadityaagrawal11

    @aadityaagrawal11

    Жыл бұрын

    Please upload more video like this.

  • @prabinkumarsahu

    @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

  • @vikramrajput8622
    @vikramrajput862211 ай бұрын

    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

  • @anmolupadhyay7171
    @anmolupadhyay7171 Жыл бұрын

    @codingshuttle i am not able to get why we are clearing our innerHTML after binding of the data. please help

  • @TapuSutradhar
    @TapuSutradhar10 ай бұрын

    bro my image don't loading , there is no mistaken show in js . i don't understand what i gonna do.

  • @lakshyathedestiny7674
    @lakshyathedestiny7674 Жыл бұрын

    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

  • @AdityaKumar-pf8mh
    @AdityaKumar-pf8mh Жыл бұрын

    Thank u alot bhaiya 🙏❤️❤️......This is a most awaited video . At a very crucial time u have provided us a project that is enough

  • @codermarcos6027
    @codermarcos602711 ай бұрын

    Thank you bhaiya bohot kuch sikha is project se... Dil se thank you

  • @programmingsoul4269
    @programmingsoul4269 Жыл бұрын

    Thank you so much bhaiya this is my first project, 😊😊 Thanks for this amazing guidance

  • @adddijain
    @adddijain Жыл бұрын

    bhaiya thank you for this series please make more projects like this and thank u so so much

  • @ajmatansari887
    @ajmatansari887 Жыл бұрын

    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

  • @soniya_naskar
    @soniya_naskar5 ай бұрын

    it showing window not defined.. can you help me resolve this error

  • @adityasharma4343
    @adityasharma434310 ай бұрын

    please clear a doubt why this page is not fetching latest news it is showing same news everyday amd some old news

  • @chandranshumishra842
    @chandranshumishra842 Жыл бұрын

    can this be used to get daily latest news also ? Or just the same news . Thanks in advance

  • @user-tg5mq1xy2r
    @user-tg5mq1xy2r3 ай бұрын

    Can you please tell what you did at 36:26 - the auto save issue...?

  • @dalvirsingh8933
    @dalvirsingh89337 ай бұрын

    Sir g Java script coding is difficult .How to remember the all coding of JS.

  • @amansayer4943
    @amansayer4943 Жыл бұрын

    thank you bhaiya for this wonderful project i was struggling with java script and with this project i got lot of confidence.

  • @icyspecialist
    @icyspecialist Жыл бұрын

    Bhaiya you deserve billion of subscriber thank you so much♥️

  • @NaamNaveen07
    @NaamNaveen07 Жыл бұрын

    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

    @AJ-wf3wp

    10 ай бұрын

    can we deploy it ?

  • @prodigyclass8029
    @prodigyclass802910 ай бұрын

    @codingshuttle Bhaiya can you tell me in what way I need to write this project in my resume to look impressive

  • @samarthkvlogs8611
    @samarthkvlogs8611 Жыл бұрын

    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

  • @desi-fitness-factory
    @desi-fitness-factory9 ай бұрын

    Bhaiyaa Mere Me Error Aa Raha Hai cardsContainer is Null Please Help

  • @rmpatpath3916
    @rmpatpath391611 ай бұрын

    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??

  • @nishagawade3248
    @nishagawade3248 Жыл бұрын

    perfect explanation. thanks for the video

  • @raushanrawat620
    @raushanrawat62011 ай бұрын

    Bhaiya aapka samjhane ka tarika bohot hi achha h love you bhaiya❤❤ Please continue more projects like this 🎉🎉🎉

  • @babarsheikhbabar6891
    @babarsheikhbabar689110 ай бұрын

    zabardas sir sir isi trahn ki js project or bi video uplod kare plz js concept kafi clear hojata he

  • @vanshikarathi2356
    @vanshikarathi23565 ай бұрын

    can we add this project in resume (i m a fresher ) will this make a good impact ?

  • @parvjain09
    @parvjain09 Жыл бұрын

    Please bhaiya it's an request ki aap please consistency maintain rakhiye.... please kaffi delay hota ja raha h is wajah se course

  • @dibasbiswal3020
    @dibasbiswal3020 Жыл бұрын

    Bhai please continue the series.

  • @nitin6096

    @nitin6096

    Жыл бұрын

    we need him here😂

  • @anikkoley8464

    @anikkoley8464

    Жыл бұрын

    Plz aise related project leke aiya

  • @bittufriends2687
    @bittufriends268711 ай бұрын

    is project ki GitHub page ke through kaise host Karna hai?

  • @kumarikavita4052
    @kumarikavita405211 ай бұрын

    Great Explanation Bhaiya!!❤❤❤

  • @yhbarve
    @yhbarve Жыл бұрын

    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

    @bansal208

    Жыл бұрын

    hey can you please share the source code.

  • @amansayer4943

    @amansayer4943

    Жыл бұрын

    bro you aced it

  • @sAuraBhTissout

    @sAuraBhTissout

    Жыл бұрын

    bhai api ka key kam ni kr rha h new email me aya h phir v

  • @AJ-wf3wp

    @AJ-wf3wp

    10 ай бұрын

    can we deploy it ?

  • @yhbarve

    @yhbarve

    10 ай бұрын

    @@AJ-wf3wp yeah

  • @TanuG-rj6di
    @TanuG-rj6di9 ай бұрын

    error aaraha hai innerhtml mai ,auto save bhi on kiya fir bhi error solve nhi ho raha

  • @ranatariq8638
    @ranatariq86384 ай бұрын

    Every beginner wants sch exaplation I am really very grateful and have desired sch more projects like this...

  • @avantiverma2811

    @avantiverma2811

    22 күн бұрын

    hey can you just confirm whether this uses bootstrap to make it responsive for other devices too?

  • @vaibhavsinhbihola1
    @vaibhavsinhbihola1 Жыл бұрын

    Anyone know how to resolve cross-origin problem i can't be able to hot it

  • @rkscp7711
    @rkscp77119 ай бұрын

    Thank you so much,you really teach awesome 👍

  • @shagunchoudhary3029
    @shagunchoudhary3029 Жыл бұрын

    Waiting for your new video....thanks ❤

  • @sujaltamrakar827
    @sujaltamrakar827 Жыл бұрын

    This project can I put in resume Final year student

  • @varungupta-cse7685
    @varungupta-cse76853 ай бұрын

    Bhaiya ye website guthub pe hosting karne ke baad kam nhi kar raha hai

  • @s.rcomplex7759
    @s.rcomplex7759 Жыл бұрын

    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

    @keerthanaaduri

    7 ай бұрын

    same here even i have the same problem

  • @aakashyadav3351
    @aakashyadav3351 Жыл бұрын

    OMG itne saalo baad finnally ❤

  • @user-ei9fy4rd4n
    @user-ei9fy4rd4n11 ай бұрын

    Sir this project is not able to load properly

  • @user-sd5lh6em5i
    @user-sd5lh6em5i11 ай бұрын

    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

    @RaisingGaming

    3 ай бұрын

    pta chala kyu hora hai?

  • @darshgautam912
    @darshgautam9129 ай бұрын

    Bhaiya iss news api ko hum deploy nhi kar sakte?? toh kya fayda??

  • @ayush-ind
    @ayush-ind Жыл бұрын

    Informative 💯

  • @shaileshparekh2607
    @shaileshparekh2607 Жыл бұрын

    sir i have question why you don't build mobile first

  • @bansal208
    @bansal208 Жыл бұрын

    Thank You so Much Bhaiya!

  • @janvimyadventures1310
    @janvimyadventures1310 Жыл бұрын

    bhaiya you really help.

  • @srushtipm227
    @srushtipm2277 ай бұрын

    bhaiya mera fetchnews konsi bhi value ko fetch nahi kar raha hai . what is the issue except the first query="india "

  • @saurabhkhamkar12

    @saurabhkhamkar12

    5 ай бұрын

    Same issue

  • @user-rx2vx8nt1c
    @user-rx2vx8nt1c Жыл бұрын

    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

    @crafttechindia

    Жыл бұрын

    check your forEach spelling e should be capital 'E'

  • @mrrajmishra6219

    @mrrajmishra6219

    Жыл бұрын

    Ya i also got the same error please guide us anyone to solve the error

  • @user-wt3kr3ic5m
    @user-wt3kr3ic5m6 ай бұрын

    it is helpful and do more like this kind of the website

  • @neerajyadav2349
    @neerajyadav2349 Жыл бұрын

    Bhaiya Responsive Websites ke liye ek detailed video banado

  • @kartiktate6576
    @kartiktate6576 Жыл бұрын

    I'm making this project with the help of this video and i fill very confident Thank you sir 😊

  • @AJ-wf3wp

    @AJ-wf3wp

    10 ай бұрын

    can we deploy it ?

  • @dashingboy5586
    @dashingboy5586 Жыл бұрын

    Dsa launch video kb aayegaa....dsa batch kb launch hogaa

  • @aliyasarana3268
    @aliyasarana326810 ай бұрын

    thx sir amazing project

  • @positivity9286
    @positivity92864 ай бұрын

    Can I connect database to this project

  • @ranatariq8638
    @ranatariq86384 ай бұрын

    Awesome method to tech....

  • @eraqibahmad942
    @eraqibahmad942 Жыл бұрын

    What about full stack developer on KZread

  • @VarunSharma-sk5os
    @VarunSharma-sk5os Жыл бұрын

    plz Bhaiya make more projects like this

  • @aasthagupta1322
    @aasthagupta1322 Жыл бұрын

    Sir plzz frontend react ke sath continue rakho

  • @bishalbhar-km3rl
    @bishalbhar-km3rl9 ай бұрын

    sir, this project was awesome....

  • @LbsnaaPathway
    @LbsnaaPathway11 ай бұрын

    @codingsuttle Anuj Bhaiya ye aap jb netlify pe public kr raha hu to data render nhi ho Raha hai kaise handle kare

  • @sish_techofficial9942

    @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

  • @nature_lover757
    @nature_lover75711 ай бұрын

    Hello guys if we want only Indian news then how we can do it???

  • @harleennanda9543
    @harleennanda9543 Жыл бұрын

    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

    @omkarwakchaure1396

    11 ай бұрын

    Bhai huva kya deploy

  • @Avinashkumar-wk1kf
    @Avinashkumar-wk1kf Жыл бұрын

    Superb 🎉

  • @harleen8677
    @harleen8677 Жыл бұрын

    mine is not working can anyone help me

  • @prashant.y
    @prashant.y Жыл бұрын

    Perfect most awaited video . One again legend on their hard work 1:08

  • @shivanshsrivastava5561

    @shivanshsrivastava5561

    7 ай бұрын

    Section are not displaying when go live ???

  • @SHARON-BGMI

    @SHARON-BGMI

    2 ай бұрын

    ​@@shivanshsrivastava5561 Mine also is not showing the contact it's full blank. Any solution

  • @ahmadwaheed8003
    @ahmadwaheed8003 Жыл бұрын

    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

    @utkarshdewan8736

    11 ай бұрын

    Same issue. Have you found any solution?

  • @Shubham-cx7vj

    @Shubham-cx7vj

    11 ай бұрын

    same issue please let me know if you found solution..

  • @yashdhakad2319

    @yashdhakad2319

    5 ай бұрын

    Bro same issue

  • @kunilamanika2825
    @kunilamanika2825 Жыл бұрын

    Sir, please javascript ka complete course dal dijiye

  • @AyushSharma-vm1ei
    @AyushSharma-vm1ei3 ай бұрын

    Thanks alot you really saved my day ...Is it okay to use your code ?

  • @ITVishal
    @ITVishal Жыл бұрын

    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

    @prabinkumarsahu

    Жыл бұрын

    mine also

  • @mohdabdulfareed7871
    @mohdabdulfareed7871 Жыл бұрын

    Anuj bhaiya please continue

  • @anmol344
    @anmol344 Жыл бұрын

    this is responsive or not?

  • @jitendrakr9037
    @jitendrakr90374 ай бұрын

    Thank you sir Good Explaination

  • @nexus2056
    @nexus2056 Жыл бұрын

    Great video brother!

  • @manikishort
    @manikishort7 ай бұрын

    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

  • @comedyguru191
    @comedyguru191 Жыл бұрын

    How to do auto save

  • @siddharthasharma7578
    @siddharthasharma75782 ай бұрын

    bhayia news card show ni ho rhe apka pura code bhi copy krke dekha tb bhi ni ho rhe help me please @codingshuttle

  • @ScrollWithPodcast24
    @ScrollWithPodcast248 ай бұрын

    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

    @saurabhkhamkar12

    5 ай бұрын

    Same issue brother

  • @sAuraBhTissout
    @sAuraBhTissout Жыл бұрын

    api kam ni kr rha hai yaar mera koi hai jo help kr skta h mera

  • @sawankj
    @sawankj10 ай бұрын

    Hi, after deploying the site on vercel, the api cards are not showing up, only the navbar is showing, Can you please help

  • @hazratofficial07

    @hazratofficial07

    10 ай бұрын

    Same broo

  • @sawankj

    @sawankj

    10 ай бұрын

    @@hazratofficial07 Bro newsAPI ka premium khareedna pdega iske liye otherwise won't work

  • @aniketankush218
    @aniketankush2189 ай бұрын

    Great! this is a begginer friendly project. It helped a lot.

  • @shivjikumar3037
    @shivjikumar30376 ай бұрын

    Hello sir... WordPress se Statics website par kaise sift kare

  • @shrshawn
    @shrshawn Жыл бұрын

    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

    @maazshaikh7905

    11 ай бұрын

    i think when they are cloned, there is only one instance of it so at the time all ids are unique.

  • @Santosh06251
    @Santosh0625111 ай бұрын

    Make more projects Anuj bhaiyaa

  • @i_am_dumb1070
    @i_am_dumb1070 Жыл бұрын

    Will you teach React and Node js as well in this course?

  • @rahulgupta2322

    @rahulgupta2322

    Жыл бұрын

    Ni h I think 🤔

  • @SuvamTharu
    @SuvamTharu Жыл бұрын

    upload more and more more project using html css and javascript

  • @piyushsharma3915
    @piyushsharma39159 ай бұрын

    amazing bhaiya

  • @rohitpanghal2909
    @rohitpanghal29099 ай бұрын

    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

    @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

  • @anuragshaw3437
    @anuragshaw3437 Жыл бұрын

    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

    @aniketttrana

    11 ай бұрын

    Hua??

  • @sish_techofficial9942

    @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

  • @codewithPushpank
    @codewithPushpank5 ай бұрын

    Really amazing,,, i also created this amazing website Source :- anuj bhaiya channel Thank u bhaiya (sir )

  • @funny_tuber0.1
    @funny_tuber0.1 Жыл бұрын

    Bhai ekdam fire 🎉🎉🎉🎉🎉🎉🎉

  • @RahulKumar-lc7gm
    @RahulKumar-lc7gm Жыл бұрын

    super bhaiya

  • @Villain_798
    @Villain_798 Жыл бұрын

    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_._

    @priyanshu_._

    Жыл бұрын

    I'm getting STATUS 426 API upgrade error. Can you help in this?

  • @ahmadwaheed8003

    @ahmadwaheed8003

    Жыл бұрын

    Same error

  • @shipranshikeshri9210

    @shipranshikeshri9210

    Жыл бұрын

    same here. koi solution ho toh inform me.

  • @rishibhattasali9730
    @rishibhattasali9730 Жыл бұрын

    Also include mern stack here.

  • @poonam-es2ff
    @poonam-es2ff9 ай бұрын

    Sir pls bring more projects.

  • @funny_tuber0.1
    @funny_tuber0.1 Жыл бұрын

    Sir apki video bhut mst lgi

  • @shashankkrishnan5238
    @shashankkrishnan52389 ай бұрын

    Why it is showing error 426?? Message from the browser are not allowed on the developer plan.

  • @mangeshdalvi583
    @mangeshdalvi583 Жыл бұрын

    unable to deploy this website on github.😔😔

  • @utkarshgupta3670

    @utkarshgupta3670

    11 ай бұрын

    Yes, Please give the solution

  • @AbhishekThakur-hf8fi
    @AbhishekThakur-hf8fi Жыл бұрын

    Bhaiya react series start krdo plzz😊

  • @sakshitiwari5747
    @sakshitiwari574725 күн бұрын

    How to resolve "UPGRADE REQUIRED (426)" error?