API request and V8 engine | chai aur
Vložit
- čas přidán 7. 09. 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 😂😂
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
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+++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
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 ❤
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 🤗
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 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 series jo maine ab tk dekhi h thank you for that and please aage bhi aisse hi banate rahiye......
Love you most sir, Thanx for your hardwork for making us JavaScript Programmer
Thanks and 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.
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....
amazing series sir , please make series for css also,i anybody else feels the same , make it reach our mentor
yes sister......
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.
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
@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.
Sir hum bas es intizar m hoty hai kabb new video ayega 😭😭....Your way of teaching is unmatchable ❤️❤️....Love from Pakistan 🇵🇰🇮🇳
not only you explained the concept intricately, but also aspired to learn from fundamental basics.
Thanks a lot sir... No one on YT has taught in so much depth. Thanks again for your great work
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 🙏🙏
thak you sir it''s raly better than any paid course💕
Enlightening Lecture, Never knew so much stuff is behind the hood. Thanks for sharing the Knowledge, and as always Best lecture Ever.
Sir please start react course . You are great sir.👍👍
best javascript series on whole youtube .. salute to this man
kitna lecture dakh lia ho abhi tak
Bhaiyon share bhi karo, jayda subscribers honge to video jaldi jaldi ayegi. 😅
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.
thank you so much sir for these videos, it helped me learn js in depth
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.
00:06 Kamal is teaching in-depth JavaScript in a free CZcams 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
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
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.
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 ❤❤❤❤
we really fill happy to be an indian where there have such a people who had a good heart for helping needy students
one of the best course in javascript. Thanks very much for giving such a great and depth knowledge in Javascript. 😍
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
Wow .. The Minute you said ,,, Make a Github card. -> I pause the video and created a Github card from the api. then I resumed the video watch the rest of the lecture.
I can't believe this.
kindly provide the code
Best series in JS..thank u so much
The best JS series I have learnt from so far.To the point and production grade❤
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.
best series for javascript on youtube
"Marvelous Job Sir".
Content is really Amazing .Thankyou so much Sir
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.
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
By far this is the best series to learn javascript 😍😍
Chay wale bhaiya,
I appreciate. bahut accha content he. Thank you so much for all the videos.
Thank you,, sir for this js series please continue in-depth videos and easy explanation difficult concepts
Phenomenal work, really grateful ❤, 1000 times better than paid courses. Thank you.
🙏Thanks for explaining in easy way!!
OMG ,
Amazing lot of love
excellent teaching , no words !!
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 ....
Urrr very good human being view bhale hi kam jti h vdios pr but jo apko jnte h o dil se apko mante h
Amazing series' on javascript.... Thanks to hitesh sir
U r the best teacher on CZcams I shared ur videos in my watsapp group .. everyone starts watching ur video
I have learned lot of things about javascript
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 .
I don't have words to thankyou. I tried to learn javascript from many sources , but everytime It seemed to me that I can't learn it , it is not for me, but after watching your series, I am a bit emotional🥺 , don't have words to express my feelings , feeling blessed . Thankyou sir🥳 for creating such an insightful course for students like us .
yes sister...........
unbelievable consistency and teaching skill
best series for JS on youtube 💥
The best javascript series at this youtube platform...
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.
Best series ever i have seen in js.Thanks Chai aur code
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.
Really sir we can't learn too much in any paid course as we learned in this course, I have watched all series videos competelty and now I am 100 percent confident to write a javascript code happily, Thanks a lot sir you are great man, may God bless 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
#world-best-quality-CHANNEL..........
LOVE YOU SIR - for the great quality video
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
BEST JAVASCRIPT SERIES👌
Many online free course providers say that they can't offer everything for free, but you are providing it.
one of the best series for js
Thank You sir very much aapne to aag laga diya youTube pe mai 8 ghante aapke hi channel par rahta hu
you are really helping a lot of people ; 💕
My finger goes to that like video as soon as I start watching the video, the best series from the best tutor
I want to say Thank you for this knowledgeable series 😄😄😄😄
it took me 1.5 hr to grasp this video completely
pajji tussi great ho
Thank you so much Hitesh Sir, previously I used to just browse youtube and watch content. Now the only content I watch is that of software engineering. Thank you for this beautiful course for absolutely free.
You are most welcome
Your video has been very helpful to me. Even though I have 5 years of experience in web development, there is still a lot to learn. Thank you.
"Chai aur Code, your videos are the highlight of my JavaScript learning journey. Simply outstanding!"
Great teaching , This series is getting more interesting day by day. Please don't stop making this kind of wonderful tutorials.
Sir Jo cheej hamane kahi se nahi Jani vo apke pas ake itna easy samjha me agya PTA hi nahi chala ❤❤
Love you sir ❣️❣️🙏🙏🙏
Aisa superb video paid coarse me bhi nhi hota , Thank you very sir .
I did never understand API before, thanks a lot sir.
great series of javascript. soon make a good series of React in depth level.
Sir, love your way of teaching sir❤❤
Superb It a great path for Learning, Thank you for your contribution.
Congratulations For 300K Subscribers Sir!! Many More to come!!🔥🔥
आपके निष्काम कर्म के लिए बहुत बहुत धन्यवाद
Awesome Content sir. Love to learn from you ❤
Best series ❤❤❤
Thank you bhaiya for this amazing series ❤
Thanks a lot sir. Got a tons of new knowledge. Sir, do make even more videos like this ❤
Sure 👍
Best Series in CZcams
Bhaiya this series is just Osm:)
Aur achi achi dusri series v lao aap jaldi jaldi💯
Thank you so much hitesh. Your teaching style is very dominating and we are learning slowly but our concepts are concrete. We have strong foundations and will be competent. Btayeingy sb ko hitesh se parh k aye hein. I got some data from an api from some website i dont know which one was it. I displayed specific data in my List items (Nodelist) of HTML file. I am very happy that i am learning quite fluently. LOVE FROM PAKISTAN
I can't stop myself from completing this series ,thank u sir this incredible course teaching for free.please make videos on node js also
Truly the best javascript series on internet.