Master Async JavaScript using Async/Await | Quokka JS

  Рет қаралды 24,631

JavaScript Mastery

JavaScript Mastery

3 жыл бұрын

💻JS Mastery Pro - jsmastery.pro?discount=youtube
✅ A special KZfaq discount code is automatically applied!
Free JavaScript Cheat Sheet: bit.ly/FreeJsCheatsheet In this tutorial, we will build a simple, but an extremely educational application that is going to improve your overall knowledge of Destructuring and Async/Await.
The program will take in a currency code we want to convert from and currency code we want to convert to, as well as the amount of money. The output will result in a correct exchange rate based on the data from not one, but two different API’s.
While we're creating our project, I'm also going to teach you how to use Quokka.js. Quokka is a developer productivity tool for rapid JavaScript development. Simply said, using Quokka, all values are updated and displayed in your code editor next to your code, as you type. No more need for console logs or losing yourself while trying to debug a simple error.
QuokkaJS: quokkajs.com/?referrer=javasc...
📚 Materials/References:
Starting code: gist.github.com/adrianhajdin/...
First API: fixer.io/
Second API: restcountries.eu
💼 Business Inquiries: contact@jsmastery.net
🌎 Find Me Here:
Discord Group: / discord
Instagram: / javascriptmastery
Twitter: / js_mastery
BuyMeACoffe: www.buymeacoffee.com/JSMastery

Пікірлер: 104
@shawnhumphreys3504
@shawnhumphreys3504 3 жыл бұрын
By far the most underrated channel on KZfaq!
@NeroIvanY
@NeroIvanY 2 жыл бұрын
The best explanation ever, so clear! Thank you very much! Your channel is a brilrant for frontenders of all levels!
@p.durgashankar4464
@p.durgashankar4464 3 жыл бұрын
One of the best channel for JS , waiting for MERN project.
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Coming soon! 🔜
@RNMERIA
@RNMERIA 3 жыл бұрын
@@javascriptmastery Between corona vaccine and JS Mastery tutorials, I ll choose MERN tutorial . Thank you
@ManDanielJames
@ManDanielJames 3 жыл бұрын
i love that you were using Quokka, and included it in the title. definitely helped me click. Great content too bro, thanks for uploading 😁
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Thank you!
@TobiasLorsbach-Mainz
@TobiasLorsbach-Mainz 2 жыл бұрын
Such a simple script, but I learned so much with it.
@saumyaranjan244
@saumyaranjan244 3 жыл бұрын
Accidentally suggested but worth it..great job 😍
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Thank you and welcome!😊
@abhishekballary1124
@abhishekballary1124 3 жыл бұрын
Simply superb explanation love from India Karnataka 💕
@allanalton47
@allanalton47 Жыл бұрын
Yes Sirrrrrrr..... I really LOVE the way you elaborate everything. Thanks Man. Can you please make a Blog website.
@DevMadeEasy
@DevMadeEasy 3 жыл бұрын
Excellent job. Thanks for the effort!!!
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Glad you like it! 😊
@x9wozz
@x9wozz 3 жыл бұрын
Well, that was cool. I really like watching and listening about things I already know, it's like I'm sharpening my skills also in that way
@javascriptmastery
@javascriptmastery 3 жыл бұрын
I'm glad!
@Y_hass
@Y_hass 3 жыл бұрын
Awesome, thank you! Much better content and methods than other and more popular coding channels. Could you please do redux next? thanks again.
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Great idea! I'll try to!
@hamzahmd_
@hamzahmd_ 2 жыл бұрын
I really like your videos, they are well explained.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you Hamza!
@mohdsaquib380
@mohdsaquib380 3 жыл бұрын
Amazing work dude 👏 👏 👏
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Thanks!
@emekaokezie4251
@emekaokezie4251 3 жыл бұрын
Thank you For this video, twas really helpful
@javascriptmastery
@javascriptmastery 3 жыл бұрын
I'm glad you liked it!
@vinodjindal7210
@vinodjindal7210 3 жыл бұрын
your videos are very helpful
@javascriptmastery
@javascriptmastery 3 жыл бұрын
I'm glad!
@Ben-gp7rr
@Ben-gp7rr Жыл бұрын
Great tutorial as always; JSM. however, this video needs to be updated.
@tan2cang93
@tan2cang93 3 жыл бұрын
which theme do you use in this video, Sir ? I really like the color!
@Abda1432
@Abda1432 3 жыл бұрын
**JS mastery uploads a video** Me:**panics***likes* **watches video attentively**
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Nice! 👌
@mrisaacs3089
@mrisaacs3089 3 жыл бұрын
Such a usefull video. I've watched it three times with several more short catcher to analyze some parts. So far so good. 👌🏼 Please just put KZfaq annotation shortcuts in it like "Quokka Introduction", "Concurrency" and so on. It will be much easier for somebody to catch on again.
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Glad it was helpful!
@mrisaacs3089
@mrisaacs3089 3 жыл бұрын
@@javascriptmastery i meant timestamps. didn't know the correct term. ^^
@javascriptmastery
@javascriptmastery 3 жыл бұрын
I understood! I'll try to add them!
@biswajitbhunia3423
@biswajitbhunia3423 3 жыл бұрын
Hey , please make a project on role based authentication using node and express . Please...
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Great idea!
@redsharingman
@redsharingman 3 жыл бұрын
Clear and to the point! A question, why axios over a fetch? What is the difference?
@javascriptmastery
@javascriptmastery 3 жыл бұрын
It's easier and more straight forward. no need to parse json first :)
@MilanDrazic
@MilanDrazic 3 жыл бұрын
I needed this for getting the data from idbm API One for search by title, year and type and second to get ganre, about movies and roles
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Great!
@leonardojaques6586
@leonardojaques6586 3 жыл бұрын
Thank you so much for this. I love your channel. Also, nothing to do with this at all but - if I wanted to do something similar, but as an app that stays on the macOS top bar, any idea what tech or search I should google so I can check it out?
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Thanks! I'm not sure
@SumanYadav-jv2pt
@SumanYadav-jv2pt 2 жыл бұрын
Hi, I installed quokka but cant use it on my previous code (react js) for new file it works. I tried but no idea how to activate on my code
@mr.o5577
@mr.o5577 3 жыл бұрын
This was cool.
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Thanks!
@A1996ARP2075
@A1996ARP2075 3 жыл бұрын
First like n comment great channel for JavaScript
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Nice!👌
@eternalcalm8080
@eternalcalm8080 3 жыл бұрын
Well I am saying my friends to subscribe your channel!
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Thanks!
@mohdshahzaib4094
@mohdshahzaib4094 3 жыл бұрын
Quokka 👌👌👌👏
@javascriptmastery
@javascriptmastery 3 жыл бұрын
It's amazing! 😊
@jedsalmon890
@jedsalmon890 3 жыл бұрын
I thought you were saying "Ctrl + shift + b" the whole time. No wonder quokka commands wern't showing 😅 For anyone else's convinence, the pallette command is "Ctrl + shift + p".
@wanderer4290
@wanderer4290 Жыл бұрын
thank you bro, I stuck here for a while
@siyaram2855
@siyaram2855 3 жыл бұрын
Wonderfull video. Can you help me including quokka in react project?
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Try contacting their support :)
@WOWSLHUB
@WOWSLHUB 3 жыл бұрын
35:10 how did he copy and paste by just clicking on the const name?
@salmanzaki1493
@salmanzaki1493 3 жыл бұрын
Mate waiting for your MERN projects
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Coming soon!
@niteshs728
@niteshs728 3 жыл бұрын
Most of them are waiting 🙏
@pavankumargvs5693
@pavankumargvs5693 3 жыл бұрын
Yes mee too waiting for mern project
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Nice 👌
@vishalmishra1937
@vishalmishra1937 3 жыл бұрын
what is axios means?
@ngamsomset
@ngamsomset 3 жыл бұрын
Followed along and got an error while fetching data from fixer. Not sure it's because of axios ? connect ECONNREFUSED 127.0.0.1:80  at ​​​TCPConnectWrap.afterConnect [as oncomplete] thanks!!
@saivivekravi4979
@saivivekravi4979 3 жыл бұрын
Can you make quikka js on react because if it is there it is so convenient do that we can remove console which is headeche please make a video or tell me is there any free of that( and make react js real time live project with materialui) if you will do they are more people who are waiting for this your teaching is amazing
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Thanks, will do!
@user-be3ri8gf1p
@user-be3ri8gf1p 2 жыл бұрын
Hey, I've actually faced a problem during this tutorial. Looks like one of API suppliers changed it's mind on how requests should look. Is there anyone with similar problem? Cause everything is working, except an actual API 😐
@Baba69able
@Baba69able Жыл бұрын
yes, same here. I'm actually a bit frustrated: fixer leads me to apilayer (changed url, and also looks like different request form needed (curl instead of get?). Also quokka, which would be nice, only works with live data in the pro version.
@watchingtiger3069
@watchingtiger3069 2 жыл бұрын
Plzzz plzzz plzzz tell me how to get color in terminal like yours??????
@emekaokezie4251
@emekaokezie4251 3 жыл бұрын
Hello, my code is exactly the same as yours, but I keep getting an Error message saying "unable to get currency EUR and AUD". Do you have an idea on why this could be?
@emekaokezie4251
@emekaokezie4251 3 жыл бұрын
@Mehrab Hossain thank you so much.... This just saved me loads of stress!
@sayf3446
@sayf3446 2 жыл бұрын
@@emekaokezie4251 Hi, what was the solution for this please?
@Alex-bc3xe
@Alex-bc3xe 2 жыл бұрын
Life is sometime so unfair and still don't get the algorithm right. People how don't care make bad content and earn a lot of money via hype and masterpieces like this channel are underrated. This man is a great teacher.
@rupayanc
@rupayanc 3 жыл бұрын
do quokka support typescript??
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Yes!
@wanderer4290
@wanderer4290 Жыл бұрын
content related the second api needs to be updated
@helmialfathseptiana6383
@helmialfathseptiana6383 3 жыл бұрын
is Live Comment value just for pro edition ??
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Yeah, but you can write console.log and then it shows it to you
@helmialfathseptiana6383
@helmialfathseptiana6383 3 жыл бұрын
@@javascriptmastery great, thanks
@vigneshpugaz8308
@vigneshpugaz8308 3 жыл бұрын
async function msg(){ const response=await subscribe(“javascript mastery”); return response; }
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Hahaha nice! 😂👌
@lucario4399
@lucario4399 2 жыл бұрын
@6:00
@pitc5793
@pitc5793 3 жыл бұрын
From quokka I only receive messages like "Only 'Pro' edition of Quokka.js supports project files import" or "document looks like a browser global" or "document is not defined" and 'm not able to successfully run it. Where is the free version ? Nice presentation though ...
@dougbones7095
@dougbones7095 3 жыл бұрын
You'll have to pay for it
@javascriptmastery
@javascriptmastery 3 жыл бұрын
You should get most of the features I showed on the video for free! Check out their website and let me know how it goes
@NishantPithia
@NishantPithia Жыл бұрын
You need quokka Pro (paid edition) to make it work on Live comments //?
@MaxTheFireCat
@MaxTheFireCat 3 жыл бұрын
I've reached my limit of 1000 API requests in less than a day because every time I write a new character Quokka calls the API again.
@christinasheppard133
@christinasheppard133 2 жыл бұрын
same thing happened here. I was only able to use the API call for about 3 minutes using Quokka :/
@Baba69able
@Baba69able Жыл бұрын
yeah, same here, so I've got the code running theoretically, but can't really test and use it, as I don't receive the currency-values :(
@shahrinazuansubri7919
@shahrinazuansubri7919 3 жыл бұрын
Hi sir, could I ask for help. I'm trying to do object destructuring but im getting this error saying that Property 'data' does not exist on type 'Object'.
@AK-we1pn
@AK-we1pn 3 жыл бұрын
I want to build a beautiful and secured ecommerce website, but confused between python and javascript, please answer me #JAVA_MASTERY
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Maybe in the future!
@AK-we1pn
@AK-we1pn 3 жыл бұрын
@@javascriptmastery are you going to make video,if yes then please make a video which tells the purpose of language to be used for frontend because there are many languages like js also can be used for frontend so why not python,?
@bunnybloods768
@bunnybloods768 3 жыл бұрын
Quokka shows the value only in pro version
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Yep, I noticed. But you can console.log it and then it shows immidiately next to it
@bunnybloods768
@bunnybloods768 3 жыл бұрын
@@javascriptmastery hi sir, Its an honour to get reply from you. What about the github action video tutorial? Please Make a tutorial.🙏🙏🥰🥰🥰🇮🇳🇮🇳🇮🇳🇮🇳
@javascriptmastery
@javascriptmastery 3 жыл бұрын
What do you mean by GitHub action?
@bunnybloods768
@bunnybloods768 3 жыл бұрын
@@javascriptmastery I mean How to use Github actions? How to code? When to use ? All of it? How to enable?
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Sure, did you check out the newest video? 😊
@OoKangZheng
@OoKangZheng 3 жыл бұрын
fisrt
@javascriptmastery
@javascriptmastery 3 жыл бұрын
Nice haha 👌
@mudandmoss4132
@mudandmoss4132 3 жыл бұрын
Problem is quokka is too expensive
@javascriptmastery
@javascriptmastery 3 жыл бұрын
They have an amazing free community version!
@rudrapratapsingh213
@rudrapratapsingh213 3 ай бұрын
The 2 websites that you have recommended in the video forcefully wants credit card details even when you are on free tier. That's awful. and i wasted my time because of project setup signup and all, that's why a dislike for your video. I wish you recommended good resources.
React Custom Hooks | Learn Custom Hooks & Build a Project
30:59
JavaScript Mastery
Рет қаралды 40 М.
JavaScript Best Practices and Coding Conventions - Write Clean Code
28:06
JavaScript Mastery
Рет қаралды 81 М.
CAN YOU HELP ME? (ROAD TO 100 MLN!) #shorts
00:26
PANDA BOI
Рет қаралды 36 МЛН
[Vowel]물고기는 물에서 살아야 해🐟🤣Fish have to live in the water #funny
00:53
顔面水槽をカラフルにしたらキモ過ぎたwwwww
00:59
はじめしゃちょー(hajime)
Рет қаралды 37 МЛН
КАРМАНЧИК 2 СЕЗОН 5 СЕРИЯ
27:21
Inter Production
Рет қаралды 584 М.
Async JS Crash Course - Callbacks, Promises, Async Await
24:31
Traversy Media
Рет қаралды 1,4 МЛН
Learn Async/Await in This Real World Project
26:59
JavaScript Mastery
Рет қаралды 42 М.
Build a REST API with Node JS and Express | CRUD API Tutorial
1:01:16
JavaScript Mastery
Рет қаралды 511 М.
Rust's Alien Data Types 👽 Box, Rc, Arc
11:54
Code to the Moon
Рет қаралды 132 М.
Next js 15 is Here… New Changes Again?!
8:13
JavaScript Mastery
Рет қаралды 88 М.
How to Become a Blockchain Developer from Beginner to Expert | Arcana
8:42
try, catch, finally, throw - error handling in JavaScript
5:46
freeCodeCamp.org
Рет қаралды 166 М.
Top 10 JavaScript Array Methods
15:52
JavaScript Mastery
Рет қаралды 9 М.
CAN YOU HELP ME? (ROAD TO 100 MLN!) #shorts
00:26
PANDA BOI
Рет қаралды 36 МЛН