Create a Currency Converter WIth JavaScript HTML and CSS
💡 Boost your production with Pieces : https://cutt.ly/Pieces
🎁 Join my channel to get access to perks:
/ @codeexplained
🧡 Hello All JavaScript Lovers Outhere!
Today we are going to build a JavaScript project, which is; the currency converter using JavaScript, It will be a very clean tutorial where everything is explained very well, and a long the way this is what you will learn today:
🔸 Manipulate the DOM with JavaScript.
🔸 Render informations from a JavaScript object to the user interface.
🔸 Use of Leteral expression (backticks, multi-line string).
🔸 iterate an object with a for in loop.
🔸 Fetch an API using fetch().
🔸 Async await code.
🔸 Global variable vs Local variable.
🔸 JSON parse a response.
🔸 Input vs Change event listeners.
🕔 Timeline :
00:00 - Project Preview
01:22 - Download starter template : https://github.com/CodeExplainedRepo/...
02:25 - Create the MARKUP for our App.
06:11 - Get user's local currency. https://ipdata.co/
09:32 - Get exchange rate and currencies. https://cutt.ly/CurrencyLayer
17:12 - Fetch API for user's local currency.
19:21 - Fetch API for the currencies.
21:45 - Fetch API for exchange rate.
25:30 - Render the exchange rate.
39:19 - Render the currencies list.
49:14 - Convert currencies.
59:09 - Add user interactivity to the App.
🌍 Social Media Links.
◾ Facebook : / code.explained.official
◾ Twitter : / code_explained
◾ Instagram : / code.explained.official
◾ GitHub : https://github.com/CodeExplainedRepo
💲 Suppport the Channel
Paypal : https://paypal.me/CodeExplained
Buy Me a Coffee: https://www.buymeacoffee.com/CodeExpl...
Watch video Create a Currency Converter WIth JavaScript HTML and CSS online without registration, duration hours minute second in high quality. This video was added by user Code Explained 13 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,195 once and liked it 172 people.