ASMR Programming - News Website With Api in JavaScript - No Talking

Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎

Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 71 - 100 days javascript coding ⚜️

Welcome back, fellow coders! 👋 In this exciting tutorial, we're diving into the world of web development to create a sleek and functional news aggregator website from scratch using HTML, CSS, and JavaScript.
🎥 In this video, you'll learn step-by-step how to:
1- Set up the basic structure of our website using HTML.
2- Style our website to perfection with CSS, making it visually appealing and user-friendly.
Implement dynamic functionality using JavaScript to fetch and display news articles from various sources.
3- Enhance user experience by adding features like search functionality and category filtering.
4- Optimize our code for performance and responsiveness, ensuring our website looks great on all devices.
Whether you're a beginner looking to expand your coding skills or a seasoned developer seeking a fun project to tackle, this tutorial has something for everyone!
So grab your favorite coding beverage ☕️, fire up your text editor, and let's embark on this coding adventure together. By the end of this video, you'll have a fully functional news aggregator website to impress your friends and add to your portfolio.

Keyboard Info : Skyloong GK61 Pro

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :

source of all projects also will upload in AsmrProg github page :

with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉

Every week i will update this playlist ✅

Video Contents :

00:00 - Intro (100 days of code - day 71)
01:23 - Warming hands
01:30 - Main codes
02:03 - Adding fonts
02:42 - Html coding
05:52 - Main styles
07:39 - Controls styles
08:54 - Adding Api
09:42 - Main JS codes
10:14 - Fetch news function
16:30 - displayNoMoreNews()
17:01 - Event listeners
19:00 - Fix a bug
19:45 - News styles
24:45 - Final Result

Other Video's :

Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.

About AsmrProg Channel :

Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.

AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming

[AsmrProg]

Don't forget to like 👍, comment 💬, and subscribe 🔔 for more awesome coding tutorials. Let's get coding! 💻✨

[suhrobhusanov-oztw]

I will definitely do it. Good luck with your work 👍👍

[betterstack]

Loving the ASMR content ✨If anyone’s looking for more JavaScript tutorials, we’ve released JS logging in Winston and Pino to help the community too 💪

[Sashisu_kushan]

I'm in Sri Lankan I study web developed and prograraming
YouTube channel is the highest preferential preference

[MovieClips]

Pisces Art Prints make and add download button also

[recepbryant]

How do I make a mouse trail like yours

[ChadiPremium]

Bro you are amazing for giving us the source and you helped me so much to understand more css and html with your videos, and thank you again bro 🫡 hope you good luck

[carlabellegonowon]

bro, do you know how to make students record system in visual studio and ms access?

[redhunter]

Python code editor using html css js and codemirror?

[abdussamed]

Thanks for sharing. Does someone know how he serves the project on localhost and which tool he uses?

[BSahu-wc]

12:10 bro is this the real speed or video is fast?

[mrbhatt]

What is the name of the theme of the background in vsCode ????🤷🤷🤷🤷🤷🤷🤷🤷🤷🤷

[_Rie_]

Why dont you move further on to using frameworks like react?

[marcoantoniogregoris]

I need to program a login system and user section that blocks access if I'm not logged in, but I have no idea where to start, ideas?

[Emarty]

My API receives requests but doesn't display any data? any idea's