Курс JavaScript

Основи: оголошення змінних, розпізнавання типів, арифметика та прийняття рішень.

1. 1.1Змінні: let і constОголошення значень, вибір між const і let, розуміння основної області видимості.~8 min
2. 1.2Примітивні типиstring, number, boolean, null, undefined: будівельні блоки мови.~8 min
3. 1.3ОператориАрифметика, порівняння, булева логіка та пріоритет операторів.~10 min
4. 1.4Умовні: якщо, інакше, тернарнийВиконайте інший код залежно від значення виразу.~10 min

Два найбільш використовувані типи: створення тексту за допомогою шаблонних літералів, маніпулювання ним за допомогою методів рядків, арифметика з числами та математика.

1. 2.1Рядки та шаблонні літералиЛапки, екранування, зворотні галочки та інтерполяція `${...}` для створення тексту.~8 min
2. 2.2Рядкові методиlength, toUpperCase, include, slice, split, replace: методи, які ви використовуєте щодня.~10 min
3. 2.3Числа і математикаЦілі та десяткові числа, округлення, Math.min/max/round/floor/ceil, Math.random.~10 min
4. 2.4Перетворення типівNumber, String, parseInt, parseFloat, toFixed і коли NaN вас кусає.~8 min

Дві структури даних, які ви будете використовувати найчастіше: упорядковані списки (масиви) і карти ключ-значення (об’єкти).

1. 3.1Масиви: впорядкований списокСтворення масиву, читання/запис за індексом, push/pop/shift/unshift, length.~10 min
2. 3.2Об'єкти: карта ключ-значенняДоступ до літералів, крапок і дужок, додавання/видалення властивостей.~10 min
3. 3.3Деструктуризація та поширенняВилучення кількох значень в один рядок; копіювати та об’єднувати масиви та об’єкти за допомогою `...`.~12 min
4. 3.4Перегляд колекційfor…of на масивах, for…in на об’єктах, Object.keys/values/entries.~10 min

Розбивайте свої програми на багаторазові частини: оголошуйте їх, пишіть компактно зі стрілками, передавайте гнучкі параметри та розумійте закриття.

1. 4.1Оголошення функціїоголошення функції проти виразу функції, параметри, повернення.~10 min
2. 4.2Функція стрілкиКомпактний синтаксис `=>`, стисле тіло проти блоку, неявне повернення.~10 min
3. 4.3Параметри за замовчуванням і рештуЗначення за замовчуванням, `...rest` для підрахунку змінних аргументів, розповсюджені на сайті виклику.~12 min
4. 4.4Закриття та сфера діїФункції, які запам'ятовують своє оточення: лічильники, фабрики, ланцюжок видимості.~12 min

Повторюйте, переходьте, обробляйте помилки: конструкції, які дають вашому коду можливість реагувати на дані та проблеми.

1. 5.1Петлі: for і whileкласичний for, while, do…while: повторюйте до умови.~10 min
2. 5.2для…з і для…вІтерація значень колекції проти ключів об’єкта. Коли використовувати який.~10 min
3. 5.3перерва і продовженняРаніше вийдіть із циклу або перейдіть до наступної ітерації.~10 min
4. 5.4спробувати / зловити / кинутиЗбільшуйте та виловлюйте помилки, відокремлюйте нормальний потік від виняткового.~12 min

Методи, які перетворюють масиви: зіставляти для зміни кожного елемента, фільтрувати для вибору, зводити до агрегування, знайти/дещо/кожен для пошуку, сортувати за порядком.

1. 6.1карту та фільтрПеретворіть кожен елемент (карту) і виберіть підмножину (фільтр).~10 min
2. 6.2зменшитиАгрегувати масив в одне значення: суми, підрахунки, карти.~12 min
3. 6.3знайти, деякі, коженЗнайдіть перший, перевірте, чи задовольняє принаймні один або всі предикат.~10 min
4. 6.4сортуватиСортувати масив за допомогою компаратора; стабільне сортування, копіювання через toSorted.~12 min

Код, який очікує: Promises, async/await, імітація мережевих викликів (fetch) і асинхронна обробка помилок.

1. 7.1Обіцянки: які вонистан очікування/виконано/відхилено, .then/.catch, Promise.resolve та відхилення.~12 min
2. 7.2async / очікуванняНапишіть асинхронний код, який читається як синхронний код.~12 min
3. 7.3вибірка (імітація)Викликати кінцеву точку, читати JSON, створювати результати за допомогою Promise.all.~14 min
4. 7.4Помилки в асинхронному кодіtry/catch навколо очікування, .catch on Promises, збої в Promise.all.~12 min

Зберіть усі частини разом: організуйте код у модулі, проаналізуйте CSV, перевірте вхідні дані та заплануйте завдання за допомогою Promises.

1. 8.1Модулі ESM: імпорт / експортРозділіть код на файли та створіть бібліотеки за допомогою експорту та імпорту (концепція).~12 min
2. 8.2Завдання: аналізатор CSVПеретворіть рядок CSV на масив об’єктів за допомогою розділення, відображення та деструктурування.~15 min
3. 8.3Завдання: валідатор данихПеревіряйте об’єкти за допомогою складених правил і збирайте всі помилки.~15 min
4. 8.4Завдання: планування за допомогою PromisesВиконуйте завдання послідовно, паралельно та з обмеженням паралельності.~15 min