🔸 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
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.
GitHub : https://github.com/CodeExplainedRepo
In this video we broadly cover the concepts of CSS Flex box and CSS Grid system and Some CSS Properties such as nth child selector, ::before & ::after much more.
Don't forget to join the channel for more videos like this. Code Savvy
0:00 - Intro
0:10 - Result
0:38 - Project Setup
01:35 – Reset HTML
02:21 – Left Container HTML
03:41 – Wrapper
14:58 – Bottom Shoe Nav
26:23 – Right Container HTML
33:10 – Product Size
35:49 – Reviews
41:11 – GSAP Animations
Anyway, you can learn everything mentioned. Follow the tutorial.
how to create a Sidebar Menu using HTML and CSS only. Previously I have shared a Responsive Navigation Menu Bar using HTML & CSS only, now it’s time to create a Side Navigation Menu Bar that slides from the left or right side.
#sidebar menu using html css #side navigation menu html css #css side navigation menu bar #,pure css sidebar menu #side menu bar html css #side menu bar using html css