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

  • @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

  • @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

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

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

  • @programmingsoul4269
    @programmingsoul426911 ай бұрын

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

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

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

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

  • @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

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

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

  • @amansayer4943
    @amansayer494311 ай бұрын

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

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

    Waiting for your new video....thanks ❤

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

    perfect explanation. thanks for the video

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

    Great Explanation Bhaiya!!❤❤❤

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

    Thank you so much,you really teach awesome 👍

  • @kartiktate6576
    @kartiktate657611 ай бұрын

    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 ?

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

    Thank You so Much 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

    11 ай бұрын

    bro you aced it

  • @sAuraBhTissout

    @sAuraBhTissout

    11 ай бұрын

    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

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

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

  • @avantiverma2811

    @avantiverma2811

    9 күн бұрын

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

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

    OMG itne saalo baad finnally ❤

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

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

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

    bhaiya you really help.

  • @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

    Ай бұрын

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

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

    sir, this project was awesome....

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

    Awesome method to tech....

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

    Thank you sir Good Explaination

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

    Bhai please continue the series.

  • @nitin6096

    @nitin6096

    Жыл бұрын

    we need him here😂

  • @anikkoley8464

    @anikkoley8464

    Жыл бұрын

    Plz aise related project leke aiya

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

    thx sir amazing project

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

    plz Bhaiya make more projects like this

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

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

  • @mohdabdulfareed7871
    @mohdabdulfareed787111 ай бұрын

    Anuj bhaiya please continue

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

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

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

    Informative 💯

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

    made this thanku very much my first major project

  • @Mars18542

    @Mars18542

    Ай бұрын

    I coppied the code from github but its not working just the nav bar display

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

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

  • @juishinde9809
    @juishinde98093 ай бұрын

    Just completed the project 💯 Thank you soo much bhaiya 🙏 Learnt a lot!!

  • @avantiverma2811

    @avantiverma2811

    9 күн бұрын

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

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

    Bhaiya Responsive Websites ke liye ek detailed video banado

  • @nexus2056
    @nexus205611 ай бұрын

    Great video brother!

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

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

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

    Sir apki video bhut mst lgi

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

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

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

    Sir pls bring more projects.

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

    Also include mern stack here.

  • @chandranshumishra842
    @chandranshumishra84211 ай бұрын

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

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

    Superb 🎉

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

    Bhai ekdam fire 🎉🎉🎉🎉🎉🎉🎉

  • @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

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

    upload more and more more project using html css and javascript

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

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

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

    Sir plzz frontend react ke sath continue rakho

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

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

  • @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

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

    Make more projects Anuj bhaiyaa

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

    Bhaiya react series start krdo plzz😊

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

    Sir, please javascript ka complete course dal dijiye

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

    Ok bhai thanks🙏

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

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

  • @arpandasdan7646
    @arpandasdan76466 ай бұрын

    Thanks Anuj Bhaiya

  • @Nikita12353
    @Nikita123532 ай бұрын

    Thank alot❤❤❤

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

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

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

    Please make like this videos ❤❤

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

    amazing bhaiya

  • @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

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

    Nice

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

    finally full project completed

  • @CHANDANKUMAR-sg8cp

    @CHANDANKUMAR-sg8cp

    Жыл бұрын

    bhaiya deploy bhi kiye hai kya?

  • @AJ-wf3wp

    @AJ-wf3wp

    10 ай бұрын

    can we deploy it ?

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

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

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

    Sir Kindly MERN ka course shuru karwa dain. Huge fan from Lahore, Pakistan😇.

  • @factoworld9527

    @factoworld9527

    11 ай бұрын

    Q bhai pakistan me nhi hai kya web developer ?

  • @user-ux3tr7mg1v
    @user-ux3tr7mg1v3 ай бұрын

    good explaynation

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

    What about full stack developer on KZread

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

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

  • @pavithrakumar8748
    @pavithrakumar87483 ай бұрын

    thankyou so much sir . this is my first project and i really enjoyed it

  • @avantiverma2811

    @avantiverma2811

    9 күн бұрын

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

  • @pavithrakumar8748

    @pavithrakumar8748

    9 күн бұрын

    @@avantiverma2811 yes bootstrap makes it responsive

  • @pavithrakumar8748

    @pavithrakumar8748

    9 күн бұрын

    @@avantiverma2811 hey would you like to work together?

  • @avantiverma2811

    @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

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

  • @IrfanSoftwareEngineer
    @IrfanSoftwareEngineer10 ай бұрын

    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

  • @ankitbhowmick691
    @ankitbhowmick6917 ай бұрын

    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

    @aishaashraf7477

    6 ай бұрын

    I am getting same error 😅

  • @yashsharma-xi5cl

    @yashsharma-xi5cl

    6 ай бұрын

    @@aishaashraf7477 same problem

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

    super bhaiya

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

    This project can I put in resume Final year student

  • @StudyMaterial61
    @StudyMaterial618 ай бұрын

    super Project

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

    One day this playlist get 5cr+ videos in next year 1:55

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

    I was just thinking about making a project using HTML, CSS and JS.

  • @CHANDANKUMAR-sg8cp

    @CHANDANKUMAR-sg8cp

    Жыл бұрын

    bhaiya deply bhi kiye hai kya website ko

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

    thanku sir

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

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

  • @rahulgupta2322

    @rahulgupta2322

    Жыл бұрын

    Ni h I think 🤔

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

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

  • @jagdishjena9058
    @jagdishjena90587 ай бұрын

    Thank you so much sir.

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

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

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

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

  • @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

  • @shrshawn
    @shrshawn11 ай бұрын

    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

    10 ай бұрын

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

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

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

  • @kaka-dj9rr
    @kaka-dj9rr Жыл бұрын

    bhaiya is tarah ke project dalte rha kro

  • @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

  • @StudyMaterial61
    @StudyMaterial618 ай бұрын

    Mja aa gya bhai

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

    Missi u BHAIYA 😢❤

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

    Bhai C++ ki series lao

  • @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

    10 ай бұрын

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

  • @yashdhakad2319

    @yashdhakad2319

    4 ай бұрын

    Bro same issue

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

    How to do auto save

  • @FaizanAli-bq9wo
    @FaizanAli-bq9wo Жыл бұрын

    Sir React main project bana dain plz

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

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

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

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

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

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

  • @megha16_
    @megha16_8 ай бұрын

    you should make it responsive

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

    Thanks bhaiya

  • @sudhanshuchaubey896

    @sudhanshuchaubey896

    Жыл бұрын

    chal jhuta

  • @user-rx2vx8nt1c
    @user-rx2vx8nt1c11 ай бұрын

    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

    11 ай бұрын

    check your forEach spelling e should be capital 'E'

  • @mrrajmishra6219

    @mrrajmishra6219

    11 ай бұрын

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

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

    Bhai thoda frequent video post kiya karo