JavaScript Fetch API - Simple Project for Beginners (In 9 Minutes)

TECH_ED
TECH_ED
11.3 هزار بار بازدید - 3 سال پیش - The best way to learn
The best way to learn anything is to learn by doing it and practice it. Make your concepts clear by building some small projects as it will provide you a practical exposure and help you to become a professional web developer.

So, In this tutorial we're going to learn how to use the Fetch simple api in Javascript to get data from an free external public API and also how to use that data to populate the DOM with it. So over and all it's a simple api fetching project for beginners as a html & javascript project (not focusing on CSS).

0:00 - About API
0:58 - index.html
2:34 - script.js
2:46 - Public API
3:17 - API_ENDPOINT
3:30 - SELECTORS
4:05 - 10x Struggle
4:30 - Flag
5:06 - `disabled` experiment
6:03 - showAnswer
6:16 - Fetching Image
6:56 - keycode == 13
7:05 - Write Something First...
7:32 - Project Demo
8:49 - Will you subscribe?
9:20 - Hope you like it!

What is an API ? Simply Explained :
What is an API ? Simply Explained

Simple API GitHub Link :
https://github.com/techedcs/projects/...

Live Demo :
https://techedcs.github.io/projects/S...

_________________________________________
Learn 4 Free: Playlist...😍
Learn 4 Free
_________________________________________
CYBER SECURITY : Playlist
SECURITY IS A MYTH
_________________________________________
SEO : Playlist
Search Engine Optimization
_________________________________________
Codeforces : Playlist
Codeforces : A Competitive Environment
_________________________________________
LEETCODE : Playlist
LEETCODE PROBLEMS
_________________________________________
CodeChef : Playlist
CodeChef : A Coding Plateform
_________________________________________
/ˌmɪsəˈleɪnɪəs /
/ˌmɪsəˈleɪnɪəs /

유 유 유 유 유 유 유 유 유 유 유 유 유 유 유 유

WEB DEVELOPMENT SERIES
_________________________________________
Frontend : Playlist (110+ Vids)
Web Development Tutorials in Hindi
_________________________________________
HTML : Playlist
HTML in Hindi | Web D | HTML full course
_________________________________________
CSS : Playlist
CSS | CSS in Hindi | Rock with CSS
_________________________________________
Bootstrap : Playlist
Bootstrap from Basics | Getting Start...
_________________________________________
Javascript : Playlist
JAVA-SCRIPT | FOR BEGINNERS | WEB D I...
_________________________________________
JQUERY : Playlist
JQUERY | jQuery in Hindi
_________________________________________

Be safe and stay coding:)
Happy Learning ✌


‪@techedcs‬

Alternate Headings :
API in Hindi | Create Project using API in Website in Hindi 2022 [with Source Code]
Simple JavaScript Projects For College Students 2022

Tags :
api based projects apna college
fetch json data using javascript
html, css & javascript projects for beginners
simple javascript project

Hastags :
#javascript #fetch #api #javascript #javascriptproject #development #webdevelopment #projectideas #projects   #vanillajavascript #codingportfolio #techedcs
3 سال پیش در تاریخ 1400/11/05 منتشر شده است.
11,364 بـار بازدید شده
... بیشتر