#freecodecamp medias

Posts tagged on #freecodecamp

Top Posts Recent Posts

Top Posts

ASYNC / AWAIT⁣
The await Operator⁣
⁣
Async functions are almost always used with the additional keyword await inside the function body.⁣
⁣
Await is an operator: it returns the resolved value of a promise. Since promises resolve in an indeterminate amount of time, await halts, or pauses, the execution of our async function until a given promise is resolved.⁣
⁣
The first slide shows a function returning a promise we all had in our mind before. ⁣
Thinking about food and plan what to eat for dinner. Every second we come up with a great idea and then we decide, resolve for making pizza at the end. ⁣
⁣
On the second slide, we can see on the top, the native promise version of the function and below the async / await version.⁣
⁣
We created the variable let meal to hold, await the resolved value⁣ of the promise returned from brainstormDinner() function. ⁣
⁣
It is so much easier to understand ideas and concepts with simple examples, especially when the result is pizza. Have a good one!⁣
⁣
Follow me and the awesome community ~> @coding.now ⁣
⁣
⁣
#learntocode #codenewbie #javascript #codegoals #100daysofcode #buildupdevs #programmingconcepts #codinglife #coderlife #webdeveloper #codingdays #javascript #es6 #worldcode #thedevlife #freecodecamp #learntocode #coding #codingbootcamp #developerspace⁣ #programmer #computerscience #backenddeveloper⁣⁣⁣ #frontend #frontenddeveloper.

ASYNC / AWAIT⁣ The await Operator⁣ ⁣ Async functions are almost always used with the additional keyword await inside the function body.⁣ ⁣ Await is an operator: it returns the resolved value of a promise. Since promises resolve in an indeterminate amount of time, await halts, or pauses, the execution of our async function until a given promise is resolved.⁣ ⁣ The first slide shows a function returning a promise we all had in our mind before. ⁣ Thinking about food and plan what to eat for dinner. Every second we come up with a great idea and then we decide, resolve for making pizza at the end. ⁣ ⁣ On the second slide, we can see on the top, the native promise version of the function and below the async / await version.⁣ ⁣ We created the variable let meal to hold, await the resolved value⁣ of the promise returned from brainstormDinner() function. ⁣ ⁣ It is so much easier to understand ideas and concepts with simple examples, especially when the result is pizza. Have a good one!⁣ ⁣ Follow me and the awesome community ~> @coding.now ⁣ ⁣ ⁣ #learntocode #codenewbie #javascript #codegoals #100daysofcode #buildupdevs #programmingconcepts #codinglife #coderlife #webdeveloper #codingdays #javascript #es6 #worldcode #thedevlife #freecodecamp #learntocode #coding #codingbootcamp #developerspace#programmer #computerscience #backenddeveloper ⁣⁣⁣ #frontend #frontenddeveloper ...

Sofia digs into some basic HTML on #freecodecamp and gets that nice ✅
.
📷: @_s.thedevmom_ #coding #learning #technology #womenintech #programming.

Sofia digs into some basic HTML on #freecodecamp and gets that nice ✅ . 📷: @_s.thedevmom_ #coding #learning #technology #womenintech #programming ...

Chaining multiple JS Promises to raise my dog Atlas to a healthy and happy dog.⁣
⁣
Here is an example code of how to chain promises.⁣
Atlas needs to eat her food, then go for a walk and only then she will get a yummy treat. Therefore we created the three promises in the first part.⁣
⁣
As these three task needs to be in this specific order the promises need to be chained as in the second part.⁣
⁣
In previous posts I tried to explain with diagrams and code the concept of promises, so please have a look.⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
#learntocode #codenewbie #javascript #codegoals #100daysofcode #buildupdevs #programmingconcepts #codinglife #coderlife #webdeveloper #codingdays #javascript #es6 #worldcode #thedevlife #freecodecamp #learntocode #coding #codingbootcamp #developerspace⁣ #programmer #computerscience #backenddeveloper⁣⁣⁣.

Chaining multiple JS Promises to raise my dog Atlas to a healthy and happy dog.⁣ ⁣ Here is an example code of how to chain promises.⁣ Atlas needs to eat her food, then go for a walk and only then she will get a yummy treat. Therefore we created the three promises in the first part.⁣ ⁣ As these three task needs to be in this specific order the promises need to be chained as in the second part.⁣ ⁣ In previous posts I tried to explain with diagrams and code the concept of promises, so please have a look.⁣ ⁣ ⁣ ⁣ ⁣ ⁣ ⁣ ⁣ #learntocode #codenewbie #javascript #codegoals #100daysofcode #buildupdevs #programmingconcepts #codinglife #coderlife #webdeveloper #codingdays #javascript #es6 #worldcode #thedevlife #freecodecamp #learntocode #coding #codingbootcamp #developerspace#programmer #computerscience #backenddeveloper ⁣⁣⁣ ...

⁣
XMLHttpRequest GET⁣
⁣
The XMLHttpRequest object is used to exchange data with a server.⁣
Asynchronous JavaScript and XML (AJAX), enables to receive additional data from the server with an XMLHttpRequest after the page has loaded.⁣
⁣
These are the steps of the GET request:⁣
⁣
• First, we create a new object.⁣
• We add the URL we want the data to receive to⁣
• We set the Type of the data we want to receive - JSON⁣
•We set the event handler which is a function that checks:⁣
• If the request has finished⁣
• Then we return the response.⁣
⁣
• The open() method is used to set the request  type, GET, and the specified URL to send the request to.⁣
⁣
• Then, the send() request is used to send the XMLHttpRequest to the specified URL.⁣
⁣
I don't fully understand why its called XML but it always refer to XHR and what AJAX actually is but hopefully when I keep going it will make more sense ...⁣
⁣
⁣
⁣
⁣
⁣
⁣⁣⁣
#learntocode #codenewbie #javascript #codegoals #100daysofcode #buildupdevs #programmingconcepts #codinglife #coderlife #webdeveloper #codingdays #javascript #es6 #worldcode #thedevlife #freecodecamp #learntocode #coding #codingbootcamp #developerspace⁣ #programmer #computerscience #backenddeveloper⁣⁣⁣ #frontend #frontenddeveloper⁣⁣⁣⁣⁣⁣⁣
⁣.

⁣ XMLHttpRequest GET⁣ ⁣ The XMLHttpRequest object is used to exchange data with a server.⁣ Asynchronous JavaScript and XML (AJAX), enables to receive additional data from the server with an XMLHttpRequest after the page has loaded.⁣ ⁣ These are the steps of the GET request:⁣ ⁣ • First, we create a new object.⁣ • We add the URL we want the data to receive to⁣ • We set the Type of the data we want to receive - JSON⁣ •We set the event handler which is a function that checks:⁣ • If the request has finished⁣ • Then we return the response.⁣ ⁣ • The open() method is used to set the request type, GET, and the specified URL to send the request to.⁣ ⁣ • Then, the send() request is used to send the XMLHttpRequest to the specified URL.⁣ ⁣ I don't fully understand why its called XML but it always refer to XHR and what AJAX actually is but hopefully when I keep going it will make more sense ...⁣ ⁣ ⁣ ⁣ ⁣ ⁣ ⁣⁣⁣ #learntocode #codenewbie #javascript #codegoals #100daysofcode #buildupdevs #programmingconcepts #codinglife #coderlife #webdeveloper #codingdays #javascript #es6 #worldcode #thedevlife #freecodecamp #learntocode #coding #codingbootcamp #developerspace#programmer #computerscience #backenddeveloper ⁣⁣⁣ #frontend #frontenddeveloper ⁣⁣⁣⁣⁣⁣⁣ ⁣ ...

Alina finally found time to work on her website in between study sessions.
What’s keeping you all busy lately?
.
📷: @alinas.view #webdeveloper #coding #technology #womenintech #freecodecamp #studying #babygroot.

Alina finally found time to work on her website in between study sessions. What’s keeping you all busy lately? . 📷: @alinas.view #webdeveloper #coding #technology #womenintech #freecodecamp #studying #babygroot ...

Are you a #Flutter fan?⠀
⠀
Here's a tutorial by Priyanka on how to design a Landing Page for your mobile or web app with Flutter 💻⠀
📸 by @devslopes ⠀
⠀
Link is in the bio!⠀
⠀
#hashnode #programming #programmer #landingpage #webdesign #webdevelopment #websitedesign #websitedevelopment #webdeveloper #webdevelopers #flutterdev #flutterdeveloper #developers #developer #landingpage #100daysofcode #freecodecamp.

Are you a #Flutter fan?⠀ ⠀ Here's a tutorial by Priyanka on how to design a Landing Page for your mobile or web app with Flutter 💻⠀ 📸 by @devslopes ⠀ ⠀ Link is in the bio!⠀ ⠀ #hashnode #programming #programmer #landingpage #webdesign #webdevelopment #websitedesign #websitedevelopment #webdeveloper #webdevelopers #flutterdev #flutterdeveloper #developers #developer #landingpage #100daysofcode #freecodecamp ...

Most Recent

[2/100] #100daysofcodechallenge . Writing down the explanation with my own words is needed for me to understand the concept. Since I'm not really familiar with the terms that been used, I have also need to search for the definition of the words, then all of it will make sense for me😁. Everyone have their own study method and it is okay to be different. That's what make the world colourful in its own unique ways🌈. Alhamdulillah, just finished with the basic css. Can't wait to explore the applied visual design🤗. #freecodecamp #codebeginner #sahm #momscancode #housewife #selflearning.

[2/100] #100daysofcodechallenge . Writing down the explanation with my own words is needed for me to understand the concept. Since I'm not really familiar with the terms that been used, I have also need to search for the definition of the words, then all of it will make sense for me😁. Everyone have their own study method and it is okay to be different. That's what make the world colourful in its own unique ways🌈. Alhamdulillah, just finished with the basic css. Can't wait to explore the applied visual design🤗. #freecodecamp #codebeginner #sahm #momscancode #housewife #selflearning ...

[93 of 100]
#100DaysOfCode

I’m wearing a lot of hats right now- developer, designer, content creator, photographer, videographer, project manager. It’s insane what can be accomplished in 100 days 🤙🏼📚.

[93 of 100] #100DaysOfCode I’m wearing a lot of hats right now- developer, designer, content creator, photographer, videographer, project manager. It’s insane what can be accomplished in 100 days 🤙🏼📚 ...

DAY 4 / 1 0 0
.
.
👉👉Today I learnt about stacks.They are abstract data types.You can make them using linked lists or arrays.🙇🙇
.
.
👉👉It is like a box whose one side is only open.You can put data inside and remove data from the top.Thus, it follows Last in,First Out(LIFO) principle.📖
.
.
👉👉Uses-
🔹Used in operating system to schedule tasks.
🔹For undo/redo tasks.
.
.
So,what have you learnt today?
Happy weekend 🤗🤗
.
.
#datascience #algorithm #git #github #dsa #computerscience #codingbootcamp #100daysofcode #pythonprogramming  #pycoders  #learntocode #codingislife #python #pythoncode #webdevelopment #programmers #programmerlife #learnpython #engineer #datastructure #creativecoding #stackoverflow #stack #coders #freecode #freecodecamp #opensource.

DAY 4 / 1 0 0 . . 👉👉Today I learnt about stacks.They are abstract data types.You can make them using linked lists or arrays.🙇🙇 . . 👉👉It is like a box whose one side is only open.You can put data inside and remove data from the top.Thus, it follows Last in,First Out(LIFO) principle.📖 . . 👉👉Uses- 🔹Used in operating system to schedule tasks. 🔹For undo/redo tasks. . . So,what have you learnt today? Happy weekend 🤗🤗 . . #datascience #algorithm #git #github #dsa #computerscience #codingbootcamp #100daysofcode #pythonprogramming #pycoders #learntocode #codingislife #python #pythoncode #webdevelopment #programmers #programmerlife #learnpython #engineer #datastructure #creativecoding #stackoverflow #stack #coders #freecode #freecodecamp #opensource ...