Summary
Keywords
Full Transcript
In this video, I'll show you how to dynamically fetch and display links from a Node.js backend into your HTML page. We'll walk through setting up a simple API to pull data from links.json and instantly show it on the frontend. By the end, you'll be able to update and display new shortened URLs in real time! 💸 Get All My YouTube Videos' Source Code for just ₹249! Grab Now - https://thapatechnical.shop/source-code 📺 Watch the complete Node.JS Playlist here :https://youtube.com/playlist?list=PLwGdqUZWnOp3KELplHtc-RnJ5xTUPqdgH&si=_ob8F88HYxCdspup 🔥 Access Source Code, PPT & Notes here for Free : https://www.thapatechnical.com/2024/11/introduction-to-nodejs.html ------------------------------------------------------------------------ 🚀 Boost Your Skills with these Pre-Requisite Videos: 🔗 Best HTML Course - https://youtu.be/5ccq_nLHneE 🔗 Best CSS Course - https://youtu.be/MSICFljRcb4 🔗 JavaScript Basics Course Part 1 - https://youtu.be/13gLB6hDHR8 🔗 JavaScript Advanced Course Part 2 - https://youtu.be/YwsOCN8woA8 ------------------------------------------------------------------------ 💸 Build Your Own E-commerce Website for Free! - https://www.thapatechnical.com/2024/03/build-complete-ecommerce-website-using.html ------------------------------------------------------------------------ ✌️ Join Us! 🚀 Become a Member: Unlock perks, free source code, and more Join Now : https://www.youtube.com/channel/UCwfaAHy4zQUb2APNOGXUCCA/join 📷 Connect on Instagram: https://www.instagram.com/thapatechnical 🗨️ Join Our Discord Server: Hang out with fellow programmers Discord Link: https://discord.gg/MdScmCsua6 ------------------------------------------------------------------------ ⌛TIMELINE⏳ 0:00 – Intro – How to Show Links in HTML by Fetching from Node.js 0:10 – Today's Goal – Overview of the Project 1:10 – Preparation – What You Need to Get Started 1:30 – Fetch Function – Calling fetchLink to Get Links 2:40 – API Setup – Creating an API to Share links.json Data 5:05 – HTML Handling – Handling and Displaying URLs in HTML 6:50 – Dynamic List – Display and Add Links to ul in Real Time 10:58 – Outro – Wrapping Up the Project
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
