API request and V8 engine | chai aur
HTML-код
- Опубликовано: 4 окт 2024
- Visit chaicode.com for all related materials, community help, source code etc.
#javascript #hindi
Sara code yaha milta h
github.com/hit...
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial
Time stamp
2:00 - main API topic.
8:40 - XML https concept(Ajex).
21:49 - conversation to JSON Data.
22:35 - Assignment.
24:30 - v8 Engine.
❤❤❤
Thank you so much for your content 🎉
Thank you 😂😂
AJAX
I was just leaving every course in the middle when I was learning from other sources(even paid courses).
Then I got to know about your series and within 15 days, I have reached completed 39 lectures
and I will finish this before Ind vs Pak match.
Thank you so much sir😇😇😇😇😇😇
I have never praised anyone in the comment section as much as you ever since I am using YT (5 years now)
You changed my life, I was suffering from financial problems. I wanted to do something for my family, I wanted to fulfill basic needs, by the help of your this Series, I am raising my confidence day by day...
Thank you so much sir 😊
This series is very helpfull sir
Hope you do better in your life ahead
hope, now you have joined a company as software Engineer,
It would be helpful if you guide me what else did you prepare for cracking a job
V8 engine -- timestamp 23:18 as per Hitesh Sir , very well understanding video about console. log and story of previous API model . We will want next video very soon sir ji ❤
I've heard people say, "If something's free, you're the product," and it got me thinking about your videos.
I've been quietly watching and learning from them, even though I've never commented before. Your teaching style is awesome and easy to follow. Thanks for being such a great teacher!❤
Sir please reply 🥺
but you are still the product
sir respect+++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Time stamp
2:00 - main API topic.
8:40 - XML https concept(Ajex).
21:49 - conversation to JSON Data.
22:35 - Assignment.
24:30 - v8 Engine.
❤❤❤
Thank you so much for your content 🎉
best series jo maine ab tk dekhi h thank you for that and please aage bhi aisse hi banate rahiye......
Allow me to take this moment to extend my heartfelt gratitude once again, specifically directed to your teaching way, Hitesh sir.
You're most welcome 🤗
API requests and the V8 engine are two separate concepts, but they are both relevant to web development, particularly when working with JavaScript.
API Requests:
An API (Application Programming Interface) is a set of rules and protocols that allows different software applications to communicate and interact with each other. In the context of web development, APIs are commonly used to request and exchange data between a client (usually a web browser or a mobile app) and a server.
API requests are a way for the client to request specific data or perform certain actions from the server. This is typically done using HTTP methods like GET, POST, PUT, DELETE, etc. The client sends a request to the server, and the server responds with the requested data or performs the requested action.
For example, in JavaScript, you can make API requests using various methods, such as the fetch() function or libraries like Axios or jQuery. Here's a simple example using fetch():
javascript
Copy code
fetch('api.example.com/data')
.then(response => response.json())
.then(data => {
// Process the data received from the API
console.log(data);
})
.catch(error => {
console.error('Error fetching data:', error);
});
V8 Engine:
The V8 engine is an open-source JavaScript engine developed by Google. It is at the core of many modern web browsers, including Google Chrome and Chromium-based browsers, as well as Node.js. The primary purpose of the V8 engine is to execute JavaScript code in these environments.
The V8 engine is responsible for translating JavaScript code into machine code that the computer's processor can execute. It uses Just-In-Time (JIT) compilation to optimize the performance of JavaScript execution.
Because of its efficiency and speed, the V8 engine significantly improves the performance of JavaScript applications and allows developers to build complex and high-performance web applications.
In summary, API requests and the V8 engine are both essential components of modern web development. API requests enable communication and data exchange between clients and servers, while the V8 engine optimizes the execution of JavaScript code, making it possible to build fast and efficient web applications.
I am incredibly grateful to have such an exceptional mentor who has been guiding me through the world of JavaScript. Sir teaching style is impeccable, making complex concepts seem effortless and approachable...❤❤❤
best javascript series on whole youtube .. salute to this man
kitna lecture dakh lia ho abhi tak
plz bring more such videos, there are only few youtubers who bring such in depth tutorials like you. Thank you for you efforts
sir jitna bhi thanx ya shukriya krna chaho to kam h pr course top notch h....
Love you sir, You changed my life, I was suffering from financial problems. I wanted to do something for my family, I wanted to fulfill basic needs, by the help of your this Series, I am raising my confidence day by day...
Thank you so much sir 😊
keep going bro
keep it up bro
Bro did you gave any interviews. If yes then can you share your experience?
I'm glad to learn this in 2024, since 2years before this type of content is not available in the youtube. Every youtuber just showing general concept.
Love you most sir, Thanx for your hardwork for making us JavaScript Programmer
Thanks and welcome 🤗🙏
not only you explained the concept intricately, but also aspired to learn from fundamental basics.
Thanks a lot a Sir🙏
For your continuous videos on JS, we hope this is continue for ReactJS as well.🎉
Your wish has been listened
Sir has started with his Reactjs series
one of the best teacher on youtube. Keep making such videos sir. They are really helpful
@22:35 Assignment
Card HTML :
John Doe
Architect & Engineer
CSS For Card
.card {
/* Add shadows to create the "card" effect */
width: 500px;
height: 600px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
.container {
padding: 2px 16px;
}
JS Code :
After you fetch data :
document.querySelector(".card img").setAttribute("src" , `${data.avatar_url}`);
document.querySelector("h4").innerHTML = `${data.name} , Followers : ${data.followers}`;
document.querySelector("h4").style.fontWeight = `bold`;
document.querySelector("p").innerHTML = `${data.bio} ${data.blog}`
Bhai button kaha hai
@@MohsinKhan-wv3ep
Document
.card {
/* Add shadows to create the "card" effect */
width: 500px;
height: 600px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
.container {
padding: 2px 16px;
}
John Doe
Architect & Engineer
const requestUrl = 'api.github.com/users/hiteshchoudhary'
const xhr = new XMLHttpRequest();
xhr.open('GET', requestUrl)
xhr.onreadystatechange = function(){
console.log(xhr.readyState);
if (xhr.readyState === 4) {
const data = JSON.parse(this.responseText)
document.querySelector(".card img").setAttribute("src" , `${data.avatar_url}`);
document.querySelector("h4").innerHTML = `${data.name} , Followers : ${data.followers}`;
document.querySelector("h4").style.fontWeight = `bold`;
document.querySelector("p").innerHTML = `${data.bio} ${data.blog}`
}
}
xhr.send(); // to call open()
Thanks bhai!
not worrked
@@TradingTales
Document
.data {
width: 500px;
height: 600px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
color: red;
}
.images {
height: 15px;
width: 20px;
}
.name{
color: red;
}
const requestdata = "api.github.com/users/hiteshchoudhary";
const xhr = new XMLHttpRequest();
//console.log(xhr)
xhr.open("GET", requestdata);
xhr.onreadystatechange = function () {
console.log(xhr.readyState);
if (xhr.readyState === 4) {
const data = JSON.parse(this.responseText);
console.log(data.followers);
let foll = document.querySelector(".follower");
const name = document.querySelector(".name");
const image = document
.querySelector("#images")
.setAttribute("src", `${data.avatar_url}`);
name.innerHTML = `${data.name}`;
foll.innerHTML = ` Follwer: ${data.followers}`;
}
};
xhr.send();
sorry for late reply 😟😟
You are awesome, thank you for providing such quality for free.
Thanks a lot sir... No one on YT has taught in so much depth. Thanks again for your great work
we really fill happy to be an indian where there have such a people who had a good heart for helping needy students
amazing series sir , please make series for css also,i anybody else feels the same , make it reach our mentor
yes sister......
ye mera phela course hai js ka lakin mujh mai itna confidence agya hai k mai kuch b kr skta ho thanks sir g love you 🥰🥰🥰
Sir hum bas es intizar m hoty hai kabb new video ayega 😭😭....Your way of teaching is unmatchable ❤️❤️....Love from Pakistan 🇵🇰🇮🇳
Sir bohot jada confidence agya h javascript me apke videos dekh kr bohot easily explained h
thak you sir it''s raly better than any paid course💕
This is my first comment on youtube. By the way I am a developer. I just picked a random video about javascript and found your video. Your efforts are much higher. I know that it is difficult to teach others in depth about something. You are able to create that teaching environment even in the virtual world. That's great man. Thank you for this content.
Bhaiyon share bhi karo, jayda subscribers honge to video jaldi jaldi ayegi. 😅
Thank you souch for this series, this has finally given me confidence to build my own projects.
Sir please start react course . You are great sir.👍👍
Sir aap ki videos un coders ke liye zyada faydamand hai jo basic coding jante ho
Mai khud hi jab pahle start Kiya tha to aap ki videos utni samajh nahi aati thi fir apna college pe gaya aur wahan se thoda Sikh ke aaya to ab bahut maza aa raha hai dil guarden guarden ho raha hai ❤❤❤❤
Enlightening Lecture, Never knew so much stuff is behind the hood. Thanks for sharing the Knowledge, and as always Best lecture Ever.
The best javascript series at this youtube platform...
I successfully accessed API data for the first time in my life! This feels like a significant achievement for me, and credit goes to your excellent teaching style. When you were explaining 'Console.log,' I was looking at your face in sheer amazement. It's rare to find someone who makes complex topics so understandable. Your passion for teaching truly shines through.
Hey i couldn't understand what sir has taught in this lecture can you tell me from where else should I get my basics cleared for this video? Please
@ArslanAhmed
One of the best JavaScript series❤ in hindi. Ye series pahle mil gyi hoti toh hum bhi aaj aapke sath work kar rahe hote.😆 Samajh nahin aata abhi bhi studenta aur freshers sirf java script aur react sikhne ke liye aankho par patti bandh kar mahange mahange courses aur bootcamp join kar lete hain. Jab ki best content youtube par available hain. Thank you Hitesh sir for 🙏🙏
0:42 sir we are loving this series and not only this series but the whole content and knowledge you are providing. These videos are just flawless.
That "Hanji , kaise hai aap sabhi" made our day.....!!!!🥰
The best JS series I have learnt from so far.To the point and production grade❤
best series for JS on youtube 💥
Best series in JS..thank u so much
Urrr very good human being view bhale hi kam jti h vdios pr but jo apko jnte h o dil se apko mante h
Chay wale bhaiya,
I appreciate. bahut accha content he. Thank you so much for all the videos.
one of the best course in javascript. Thanks very much for giving such a great and depth knowledge in Javascript. 😍
Sir mujhe thoda late mila aapka channel but ab bahut fast aur with notes and projects complete kar raha hoon. Dekhta hoon backend ko kab tak pakad paata hoon... 😊😊
Same.
This course is awesome, I am waiting for NODE.JS Series. Thank you so much
sir Maine aaj tak konsi bhi programming related series continue nhi dekhi jitni apki dekhi, you are motivation sir for me. Thanks sir for putting your entire experience and efforts in this series , expecting same in react series. Thanks Again😇😇.. LOve from Maharashtra
"Marvelous Job Sir".
U r the best teacher on RUclips I shared ur videos in my watsapp group .. everyone starts watching ur video
Best series ever i have seen in js.Thanks Chai aur code
Truly the best javascript series on internet.
your explanation and topic coverage is amazing and lovely sir 🤩🤩🤩
Thank you so much sir...sirf aapki vajah see mujhe js smjh aa rhi
आपके निष्काम कर्म के लिए बहुत बहुत धन्यवाद
OMG ,
Amazing lot of love
Thank you,, sir for this js series please continue in-depth videos and easy explanation difficult concepts
I have learned lot of things about javascript
Continuining day 14th in javaScript. Yesterday I have started leetcode js problem solving and this course is helping me so much because of Hitesh Sir, Thank you so much sir ji for this amazing course.
excellent teaching , no words !!
Hitesh sir abhitak mai series bana raha hu, jab start kiya tab laga ki complete kar paunga ya nahi, itna indepth pacha paunga ki nahi, lekin start kar diya all is well bolke, aur abhi bohot confident fill kar raha hu, js me maine issse pehele bhi js kiya hai , lekin itna depth aur interview point of view se kisne bhi nahi padhaya, apne bohot indepth leke gaye hai iss series me , mai 1 saal baad series dekh raha hu, aur khud khud par khud rojana practice ka man hota hai, thanks for your efforts.
Amazing series' on javascript.... Thanks to hitesh sir
Bahut achhe se padhai samajh me atta hai yeha
Thank you, sir, for sharing the educational videos.
My finger goes to that like video as soon as I start watching the video, the best series from the best tutor
one of the best series for js
Aisa superb video paid coarse me bhi nhi hota , Thank you very sir .
0:17 g sir ap sahi farma rhe hn meine 2 series javascript ki already dekh rakhi hn lekin jitna depth mei aap parhatey hn utna koi nhi parhata . sab basic data types aur basic operation bta kr chhutti kr lete hn. Sir you are love ❤. Thank you very much for your efforts
it took me 1.5 hr to grasp this video completely
pajji tussi great ho
very very best video to understand API
BEST JAVASCRIPT SERIES👌
Phenomenal work, really grateful ❤, 1000 times better than paid courses. Thank you.
Content is really Amazing .Thankyou so much Sir
I did never understand API before, thanks a lot sir.
Sir Jo cheej hamane kahi se nahi Jani vo apke pas ake itna easy samjha me agya PTA hi nahi chala ❤❤
Love you sir ❣️❣️🙏🙏🙏
I want to say Thank you for this knowledgeable series 😄😄😄😄
best javascript series on youtube hats off sir ❤❤
Thank You sir very much aapne to aag laga diya youTube pe mai 8 ghante aapke hi channel par rahta hu
best series for javascript on youtube
maja aaya aur mai ye maja sabko dena chahunga (will share it in linkedin❤❤)
Great teaching , This series is getting more interesting day by day. Please don't stop making this kind of wonderful tutorials.
best javascript course in the youtube
thank you sir ❣❣
One Of The Best JavaScript Series
all the explanation till here is master class. I have gained so much confidence on my JS skills. before this i have tried to gain Js knowledge from many other sources and failed and now i am building Ecomm website as project ... all thanks to you ....
00:06 Kamal is teaching in-depth JavaScript in a free RUclips series
01:57 API is a means of communication between different systems.
05:38 The object has two properties: 'result' and 'info'
07:20 Making API requests and the use of Fetch in JavaScript
11:01 AJAX request is sent using the XMLHttpRequest object.
12:55 Understanding how to make API requests in JavaScript
16:54 Understanding the process of tracking state changes in JavaScript
18:44 Understanding the context in JavaScript
22:18 JSON is used to convert a string to an object and can be used for extracting followers and creating a card with photo and follower accounts.
24:04 The V8 engine is written in C+plus and provides debugging tools and AP access.
27:18 Learn how to use the console in the browser inspector element
29:04 Summary
29:00 "Usse dar ke thodi bhagenge usko use karenge". Absolutely right sir! This mentality will definitely not let AI take our jobs!
This is called the best API video on RUclips.
thank you sir , for this amazing series, i started watching code with harry video, but soon i realized that, it will be not that much effective, so i search other tutorial, luckily my friend suggest your video, i can definitely say that this series is best on youtube for javascript
thank you so much sir for these videos, it helped me learn js in depth
Truly the best javascript series on internet . Thank you for making such videos
sir aap jaiso k leye hi INDIA me software developer ki itni aachi growth hui h
"Chai aur Code, your videos are the highlight of my JavaScript learning journey. Simply outstanding!"
You are amazing I love this course series, Thankyou for sharing such amazing Knowledge. Very Thankful to you as you are sharing this for free.... so great content.
Bhaiya this series is just Osm:)
Aur achi achi dusri series v lao aap jaldi jaldi💯
By far this is the best series to learn javascript 😍😍
Best JavaScript Series 🔥🔥🔥🔥🔥🔥
Honestly speaking, this is better than any other course on JavaScript out there. Actually, it is far better than any paid course also. Huge respect for you, sir, for providing us this kind of in-depth content.
Hello sir , first of all your an amazing educuator , i have learned JS from your chai and javascript but my humble request to you please aap AWS course ki playlist banaye , I really want to learn from you .
Thank you so much sir I am completing this full series, and it was amusing, one of the best series I have ever seen