Create your own News Website using HTML CSS JavaScript

Full Responsive News Website Using HTML CSS & JavaScript | Fetch API

In this video you will learn how to create a fully responsive news website using HTML CSS & JavaScript and dynamically add latest news using Fetch API

TIMESTAMPS:
0:00 Intro
3:10 Navbar
9:00 Page 1 HTML
12:13 Styling Breaking News Section
16:24 Styling Top Headlines Section
21:55 Custom Scroll Bar
23:55 Page 2 HTML (Different Category News with News Cards)
26:40 Styling News Cards
33:10 News API Website
33:55 Fetching News data using Fetch API
38:18 Dynamically adding Breaking News from Data received
45:00 Dynamically adding Top Headlines
51:32 Dynamically Adding different category News
57:00 Footer
1:13:33 Sticky navbar using JavaScript
1:18:12 Using media query (1024px)
1:25:48 Using media query (768px)
1:26:38 Adding Hamburger menu button
1:39:20 Using media query (600px)
1:47:33 Using media query (425px)

Subscribe For More Free Tutorials and Source Code:

Download Source Codes from here

CHECK OUT OUR OTHER VIDEOS

Complete Responsive Personal Portfolio Website

Login Page Using HTML & CSS
Responsive Admin Dashboard Panel

#html #css #javascript #responsive_web_design #news_website #responsive #websitedevelopment

[platgrinding]

Came here for inspiration, stayed for the cool coding showcase. I noticed you rarely upload until now, been 2 years since your last videos. I'm a new (soon to be) web dev, and i learned a lot just by watching this video. Please come back, and make more of these type of content. Any websites will do sir, streaming services, restaurant, education. I'm sure your knowledge will benefit web dev newcomers. Cheers, thanks for this amazing work!

[giteshdhamapurkar]

i would like to recommend this channel for aspecially Third year projects to my freinds this is very nice fontend design and also source code provided to help other's we have to just replace the api key in it amazing tutorials thanks for the sc.

[DOGTalkVLOG]

Your javascript api code doesn't work in my website why plzzz reply....

[RahulKumar-qrnz]

Awesome videos....this website is looking like a big company news website

[surajkumar]

while uploading on github to deploy api does not work

[GaganSingh-zzel]

Awesome !! But can i use this for real business purposes. What's more to a real news website than this video? What else do i need ? With regards.