🟢 В уроке пишем полноценное приложение где динамически получаем валюты и курсы относительно любой валюты. Можем делать расчет суммы одной валюты к другой. Также есть функциональность для быстрой смены сравниваемых валют и присутствует общая информация 1 единицы валюты к другой. Еще круто то, что приложение оптимизировано и мы не атакуем сервер лишними запросами.
➡️ таймлайн ➡️
00:00 старт
01:39 обзор приложения
03:19 exchagerate-api
04:44 HTML
08:41 CSS
10:48 JavaScript подготовка переменных
12:09 функция getInitialRates
14:12 функция populateSelects
17:37 функция renderInfo
19:43 select events
21:53 обновление курсов updateExchageRates
25:29 swap button event
27:35 инпуты HTML и CSS
29:41 заполнение инпутов
30:37 логика для подсчета курсов
31:55 helper roundFiveDigits
31:11 логика для подсчета курсов
35:09 проверка приложения
36:09 финиш
▶ основной Telegram: https://t.me/Dmitry_Kolotilshikov
▶ приватный Telegram (Видео без VPN + ПОДДЕРЖАТЬ можно тут): https://t.me/tribute/app?startapp=sm6T
▶ GitHub: https://github.com/DmitryKolotilshikov
▶ Linkedin: / kolotilshikov
▶ Boosty: https://boosty.to/dmitry_ko
▶ Графический дизайн и анимация: https://t.me/getlogo
📎 PDF ФАЙЛ с кодом к каждому уроке в телеграм канале 📎
⚡️ вкусняхи ⚡️
🔑 Курс по GIT (одно видео): • Полный КУРС 2024 по GIT. Команды, тер...
🔑 CSS Flexbox (2 видео): • 47. Frontender[1.0] FLEXBOX (флексбок...
🔑 CSS Grid (2 видео): • 78. Frontender[1.0] CSS GRID | Теория...
🔑 Препроцессоры SCSS (2 видео): • 82. Frontender[1.0] ПРЕПРОЦЕССОРЫ SAS...
🔑 SVG, svg-спрайты (2 видео): • 53. Frontender[1.0] Векторная графика...
🔑 1 уровень - Верстка макета (8 видео): • 57. Frontender[1.0] Верстка первого м...
🔑 2 уровень - Верстка макета (8 видео): • 70. Frontender[1.0] ВЕРСТКА второго м...
🔑 3 уровень - Верстка макета (10 видео): • 84. Frontender[1.0] ВЕРСТКА Макета. О...
⚙️ Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;
HTML, CSS, JavaScript - Exchange Rates App | Приложение Курсы валют
📢 Автор: Дмитрий Колотильщиков
#js #frontend #javascript
