Fetch api in JavaScript | Fetch api | JavaScript for beginners |JavaScript Fetch api

#fetchapi#javascript
Promises in JavaScript

AJAX part-1

AJAX Part-2

Callback function in detail

#html #css #javascript #webdevelopment #angular #reactjs #csworldtelugu

Javascript advanced course

Git Tutorials

Join this channel to get access to perks:

React JS Tutorials

Angular Full tutorials

Angular material tutorials

CSS GRID in Detail

JavaScript full playlist

CSS fill playlist

HTML full playlist

HackerRank Python Solutions

fetch api in javascript

async await in javascript

promises in javascript

AJAX in JavaScript

Responsive Navigation Bar

Captcha validation in JavaScript

Todo List using html css javascript

Calculator using html css javascript

How to create website using HTML CSS JavaScript

Random Quote Generator using HTML CSS JavaScript

Stop watch using HTML CSS JavaScript

Image Slider Using JavaScript

CSS Flex box tutorial

Fetch api in JavaScript
Fetch api
JavaScript for beginners
JavaScript Fetch api
Fetch JavaScript
Fetch api in react js
Fetch api JavaScript
Fetch api react
Fetch api in Telugu
Fetch api project
Fetch api in js
Promises in JavaScript
JavaScript Promises in Telugu
JavaScript for beginners
Promises
fetch
Promises in JavaScript Telugu
JavaScript Promises
Promises in JS
JavaScript tutorials for beginners
JavaScript tutorial for beginners
JavaScript full course
JavaScript for beginners
JavaScript for beginners in Telugu
JavaScript for beginners tutorial
Callback hell vs promises
JavaScript for beginners full course
JavaScript for web development full course
JavaScript for web developers
JavaScript in one video
JavaScript
Learn JavaScript
Learn JavaScript basics
How to start web development
Learn web development in Telugu
web development full course in Telugu
web development career
How to start web development in Telugu
web development for beginners in Telugu
How to learn web development in Telugu
web development course for beginners in Telugu
web development course easy
How to create website in Telugu
Web development course from scratch
DOM Manipulation in JavaScript
DOM Manipulation

[codecreator]

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

[telugusirisha]

Thankyou so much for your detailed explanation.it was so helpful and cleared explanation

[mukkalanagaraju]

At 24:30 posts/1 ani pedatunte idi execute ayina taruvata meeda vunnadi execite avutundhi only posts pedatunte adi first execute avutundhi madam

[mukkalanagaraju]

At11:00 response .json() ani send chesina taruvata output lo array(1) kakunda array(2) ani choopistundi madam

[mukkalanagaraju]

Ajax call sublime text lo run avvadha only vs code lone run avutada sublime text meeru rasina same code rastunte error choopistundhi madam

[Ganesh]

Ipudu yedi best mam front end developer Fetch api or ajax ha mam?

[krishnakumar-kqyp]

Hi andi! can you please explain Axios (3rd party) concepts as well in one video. thank you

[codecreator]

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");
}

[sairayudu]

After watching the video I know the fetch method
But what's this api

[vinodkumar-rkmt]

Ma'am mi voice koncham blur avtundi clear ga ledu may be mic problem

[himanthkumarchintapalli]

why can't you use arrow functions here?

[saisomasekhar]

Voice is not clear, can't able to understand what you spoke i mean keywords, if it possible please upload video without any noice

[codecreator]

if we are perfect in this codeing is easy
the flow of the code with out using the dev

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)
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)
and set
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})








<ul className="btn-toggle-nav list-unstyled fw-normal pb-1 small">
{this.state.categories ? this.state.categories.map((x, i) =>
<li key={`ca${i}`} id={`ca${i}`}><a class="dropdown-item" onClick={(e) => { this.categoryFilter(x.CID, ) }} value={x.Category} ><div className={`listHover == x.CID ? "activehere" :
) : ''}
</ul>

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)