1) 00:00:00 what is the use of the fetch method. 2) 00:50:00 fetch is the browser window method. 3) 00:01:47 syntax of fetch method. 4) 00:02:09 what is the use of optional parameter. 5) 00:02:53 return promise.(then and catche) 6) 00:04:50 promise. 7) 00:06:50 fetch method code. 8) 00:07:50 no use to print the varibale to which we assign the value. 9) 00:08:45 then method to acces the sucess value from api. 10) 00:10:35 convert response into js object. 11)00:13:30 catch method. 12) 00:15:20 note point for method. 13) 00:16:54 json place holder 14) 00:18:31 post method. 15) 00:19:50 note method. 16)00:20:54 note poin to get the confirmation from the server the received sucessfully confirmation. 17) 00:22:15 get method to filetr single data from the multible data of the get result. 18) 00:23:55 note point time delay detween post and get
Access to fetch at 'file:///C:/Users/Dell/Desktop/JS/js/test.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https, isolated-app.
this is first topic we want to perfect in this topic // note:if is true for this conditions 1) string --> "lokesh" // 2)number -->1,2.. asn also -1 ,-2 // 3)bollean vaues true // if is false for this conditions 1) for empty string --> "" // 2)number for zero -->0 // 3)bollean vaues false // note: for this only we use varibales we are asign to the values to the varibale ,by uisng the variable we can call that // for all conditions code here // 1)conditon-1 // if("lokesh") { // console.log("lokesh condtion is true") // } // if("") { // console.log("lokesh condtion is true") // } // else{ // console.log("sting is empty deu to that only else display") // } // 2)number condition // if(-1) { // console.log("number is present condtion is true") // } // else{ // console.log("number is not present condtion is false") // } // if(0) { // console.log("number is present condtion is true") // } // else{ // console.log("number is zero condtion is false") // } // 3)bolean condtion var a=true; var b = false // if(true) { // console.log("boolean is true is true"); // } // else{ // console.log("number is not present condtion is false"); // } // if(false) { // console.log("boolean ") // } // else{ // console.log("boolean is false is false") // } if(a) { console.log("variabe stores is true is true"); } else{ console.log("number is not present condtion is false"); } if(b) { console.log("boolean ") } else{ console.log("variabe stores boolean is false is false") } //by uing comparision operator var c=10; var d=30; if(c>d) { console.log("c is big number"); } else { console.log("d is big number"); }
if we are perfect in this codeing is easy --------------------understand the flow of the code with out using the dev tools-------------- doubt:-1)if i click any on any varibale name it is redirect to the main place ,again we come back to the place where we click that thing wan to learn (alt+ left arrow, alt+right arrow} ------------------------------------------------------------------------------------------------------------------------------------------------------------------ 1) what are the things printing on the ui screen like black color test that is dynamic values -->all dynamic values are pass through {} flower bases inside render method. 2) if we do some action on that time function will call --> function call is two type ( 1) call by name 2) ananymous function call 3)inside function we are diong some action like condition checking ,looping etc. 3) where i feel difficukt to under stand the flow 1)varibale callinf are present for under stand the variable calling (whuck value it consit ho tje floo it is going on start cnfusion) 1) we are assign the vlue to the varibale in two type 1)static value to the variable name. 2)dynamic value to the variable name (when i see the dynamic value pass to the varibale name it get confunction) trick to identify the varibale name convension 1)var a=10; (this is static) 2) value={x.Category} (this is dynmaic here i get confunsion) /this is another method {`ca${i}`} -->why we use back ticks and dolar symbol. (if we want to use the dynamic generated value as string we go for the balk tick concept output-->id="ca2") object consist -->properties -->for acess any vlaue from the property we use the dot method --(id we see the dot method) that is object. eg -->x.Category arrya-->for acess array we use the square brackets eg:a[0} doubt: 1)by see the structure how can we find it is from array or object for single dynamic vlaue -->ca${i}`
note: 1)onClick={(e) => { this.categoryFilter(x.CID,) }} -->we call functions through the events 2)when we call function call we send some aruguments through the paranthities.
1)first we use the map function to render the data for the different outputs single structure . 2)map function give array ojects-->from that array object we send each and every array object to the map varibale. 3)now the map varibale hold the object -->by the object properties we write the conditions accoring to the our wish
--------------------- how the data is insert in to the empty state means by uing the states and setstates concept (with the help of map concept) --------------state and set state--------------- let a; normally we know the vaiable concept varibale declaration and assign (here varibale declaraion is state and assign or modification value isthe setstate) let b=3; a=4; b=5; this.state={ a:0, b:3 } this.setState({a:4,b:5}) this.setState({a:4})
------------------------------- 1)if we receive any doubts write every ing and find the solution for that--> dont write every ing as doubt wan ton resove one by one and move forward then only we get the concept.
1)in state they declare the state varibale. 2)in set state they update the values for the varibale by using the api calling . 3) then they use the state variblae for the render the data through the map method. 4) ----------------------- 1)analysis the code (1) why first one is openen always with out any click action) ( because we asign some state viable with value if the compare the same value with in the element if it satisifies then it open defaulty with out any function call 2)why remain thing are closed normally. 3)when i do the click action open and close is going on
------------------------------------------------- here state varibale is changing when i click the button. (how the state will update want to learn)
we love ur class. maintain good mic!
Thank you,sure.old videos has bad audio quality
Thankyou so much for your detailed explanation.it was so helpful and cleared explanation
1) 00:00:00 what is the use of the fetch method.
2) 00:50:00 fetch is the browser window method.
3) 00:01:47 syntax of fetch method.
4) 00:02:09 what is the use of optional parameter.
5) 00:02:53 return promise.(then and catche)
6) 00:04:50 promise.
7) 00:06:50 fetch method code.
8) 00:07:50 no use to print the varibale to which we assign the value.
9) 00:08:45 then method to acces the sucess value from api.
10) 00:10:35 convert response into js object.
11)00:13:30 catch method.
12) 00:15:20 note point for method.
13) 00:16:54 json place holder
14) 00:18:31 post method.
15) 00:19:50 note method.
16)00:20:54 note poin to get the confirmation from the server the received sucessfully confirmation.
17) 00:22:15 get method to filetr single data from the multible data of the get result.
18) 00:23:55 note point time delay detween post and get
Thank you
excellent informaton
Thank you
lots of thanks..........
Thank yy
Vvvvvvvvvvv good video
Thank you
nice one
Thank you
Detail explanation mam
Thank you
Ipudu yedi best mam front end developer ki...... Fetch api or ajax ha mam?
Fetch api, initially xmlhttp is used
Ajax call sublime text lo run avvadha only vs code lone run avutada sublime text meeru rasina same code rastunte error choopistundhi madam
That html file must be in a Webserver,so vs code live server extension is the easiest way for creating Webserver
At 24:30 posts/1 ani pedatunte idi execute ayina taruvata meeda vunnadi execite avutundhi only posts pedatunte adi first execute avutundhi madam
I don't get your doubt,but as per their api standards posts/1 url is for getting the existing post details with id 1
At11:00 response .json() ani send chesina taruvata output lo array(1) kakunda array(2) ani choopistundi madam
They might changed that api response
Hi andi! can you please explain Axios (3rd party) concepts as well in one video. thank you
Sure
Nice medam.
thank you
Medam codding send cheyyagalara.....
1)18:08 post method
👍
Mam...are you from Bhimavaram?
No
After watching the video I know the fetch method
But what's this api
Fetch method is also known as fetch api as we are sending request to api (server )using this
08:00 note point why we use quotes
👍
15:05 based on the method the type conversation will change it is based on the in which format we save the file
16:50 json place holder
17:00 Post
20:30 on which type we are passing data
why can't you use arrow functions here?
Try once & observe
Ma'am mi voice koncham blur avtundi clear ga ledu may be mic problem
Hi sorry past video have voice problem
Access to fetch at 'file:///C:/Users/Dell/Desktop/JS/js/test.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https, isolated-app.
You have to give related path
gammuna vastundi hahha
Thank you
@@csworldtelugu sister one question answer tell me , angular ki javscrpt ravala ,direct ga typescript velte saripotada
@@laluprasad3775 type script is javascript + more
@@csworldtelugu thanks one more doubt ,node js easy ena
@@laluprasad3775 yes,javascript vaste more easy
Voice is not clear, can't able to understand what you spoke i mean keywords, if it possible please upload video without any noice
Sorry for the noise,old videos has noise
this is first topic we want to perfect in this topic
// note:if is true for this conditions 1) string --> "lokesh"
// 2)number -->1,2.. asn also -1 ,-2
// 3)bollean vaues true
// if is false for this conditions 1) for empty string --> ""
// 2)number for zero -->0
// 3)bollean vaues false
// note: for this only we use varibales we are asign to the values to the varibale ,by uisng the variable we can call that
// for all conditions code here
// 1)conditon-1
// if("lokesh") {
// console.log("lokesh condtion is true")
// }
// if("") {
// console.log("lokesh condtion is true")
// }
// else{
// console.log("sting is empty deu to that only else display")
// }
// 2)number condition
// if(-1) {
// console.log("number is present condtion is true")
// }
// else{
// console.log("number is not present condtion is false")
// }
// if(0) {
// console.log("number is present condtion is true")
// }
// else{
// console.log("number is zero condtion is false")
// }
// 3)bolean condtion
var a=true;
var b = false
// if(true) {
// console.log("boolean is true is true");
// }
// else{
// console.log("number is not present condtion is false");
// }
// if(false) {
// console.log("boolean ")
// }
// else{
// console.log("boolean is false is false")
// }
if(a) {
console.log("variabe stores is true is true");
}
else{
console.log("number is not present condtion is false");
}
if(b) {
console.log("boolean ")
}
else{
console.log("variabe stores boolean is false is false")
}
//by uing comparision operator
var c=10;
var d=30;
if(c>d) {
console.log("c is big number");
}
else {
console.log("d is big number");
}
Good
if we are perfect in this codeing is easy
--------------------understand the flow of the code with out using the dev tools--------------
doubt:-1)if i click any on any varibale name it is redirect to the main place ,again we come back to the place where we click that thing wan to learn (alt+ left arrow, alt+right arrow}
------------------------------------------------------------------------------------------------------------------------------------------------------------------
1) what are the things printing on the ui screen like black color test that is dynamic values -->all dynamic values are pass through {} flower bases inside render method.
2) if we do some action on that time function will call --> function call is two type ( 1) call by name
2) ananymous function call
3)inside function we are diong some action like condition checking ,looping etc.
3) where i feel difficukt to under stand the flow 1)varibale callinf are present for under stand the variable calling (whuck value it consit ho tje floo it is going on start cnfusion)
1) we are assign the vlue to the varibale in two type 1)static value to the variable name.
2)dynamic value to the variable name (when i see the dynamic value pass to the varibale name it get confunction)
trick to identify the varibale name convension
1)var a=10; (this is static)
2) value={x.Category} (this is dynmaic here i get confunsion) /this is another method {`ca${i}`} -->why we use back ticks and dolar symbol. (if we want to use the dynamic generated value as string we go for the balk tick concept output-->id="ca2")
object consist -->properties -->for acess any vlaue from the property we use the dot method --(id we see the dot method) that is object. eg -->x.Category
arrya-->for acess array we use the square brackets eg:a[0}
doubt: 1)by see the structure how can we find it is from array or object for single dynamic vlaue -->ca${i}`
note:
1)onClick={(e) => { this.categoryFilter(x.CID,) }} -->we call functions through the events
2)when we call function call we send some aruguments through the paranthities.
1)first we use the map function to render the data for the different outputs single structure .
2)map function give array ojects-->from that array object we send each and every array object to the map varibale.
3)now the map varibale hold the object -->by the object properties we write the conditions accoring to the our wish
---------------------
how the data is insert in to the empty state means by uing the states and setstates concept (with the help of map concept)
--------------state and set state---------------
let a; normally we know the vaiable concept varibale declaration and assign (here varibale declaraion is state and assign or modification value isthe setstate)
let b=3;
a=4;
b=5;
this.state={
a:0,
b:3
}
this.setState({a:4,b:5})
this.setState({a:4})
-------------------------------
{this.state.categories ? this.state.categories.map((x, i) =>
{ this.categoryFilter(x.CID,) }} value={x.Category} >{x.Category}
) : ''}
-------------------------------
1)if we receive any doubts write every ing and find the solution for that--> dont write every ing as doubt wan ton resove one by one and move forward then only we get the concept.
1)in state they declare the state varibale.
2)in set state they update the values for the varibale by using the api calling .
3) then they use the state variblae for the render the data through the map method.
4)
-----------------------
1)analysis the code (1) why first one is openen always with out any click action) ( because we asign some state viable with value if the compare the same value with in the element if it satisifies then it open defaulty with out any function call
2)why remain thing are closed normally.
3)when i do the click action open and close is going on
-------------------------------------------------
here state varibale is changing when i click the button. (how the state will update want to learn)
Great ,Keep learning