Files
freeCodeCamp/client/i18n/locales/ukrainian/intro.json
T
2025-10-27 12:58:12 +00:00

7435 lines
492 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"responsive-web-design": {
"title": "Адаптивний вебдизайн (застаріла версія)",
"intro": [
"У сертифікації «Адаптивний вебдизайн» ви вивчите мови, які розробники використовують для створення вебсторінок: HTML (мова розмітки гіпертексту) для вмісту та CSS (каскадні таблиці стилів) для дизайну.",
"Спочатку ви створите застосунок із фотографіями котів, аби вивчити основи HTML та CSS. Пізніше ви опануєте сучасні методи (серед яких змінні CSS) завдяки створенню пінгвіна, а також опануєте найкращі практики доступності, побудувавши вебформу.",
"Ви також дізнаєтеся, як конструювати вебсайти, які відповідають різним розмірам екранів, створивши Twitter Card за допомогою Flexbox, а ще складний макет блогу з CSS Grid."
],
"note": "Примітка: деякі розширення браузера (як блокувальники реклами та темні режими) можуть втручатися в тести. Якщо ви зіткнулися з подібними проблемами, ми рекомендуємо вимкнути розширення, які змінюють вміст або макет сторінок під час виконання курсу.",
"blocks": {
"basic-html-and-html5": {
"title": "Основи HTML та HTML5",
"intro": [
"HTML — це мова розмітки, яка використовує спеціальний синтаксис або примітки для опису структури вебсторінки чи браузера. Елементи HTML зазвичай мають початковий та кінцевий теги, які оточують вміст та надають йому значення. Наприклад, різні елементи можуть описати текст як заголовок, абзац або елемент списку.",
"У цьому курсі ви створите застосунок із фотографіями котів, щоб опанувати застосування деяких з найпоширеніших елементів HTML (головних блоків будь-якої вебсторінки)."
]
},
"basic-css": {
"title": "Основи CSS",
"intro": [
"CSS, або каскадні таблиці стилів, повідомляють браузеру як показати текст та інший вміст, який ви написали в HTML. За допомогою CSS ви можете регулювати колір, шрифт, розмір, відстань і багато інших аспектів елементів HTML.",
"І зараз, коли ви описали структуру свого застосунку, стилізуйте його за допомогою CSS."
]
},
"applied-visual-design": {
"title": "Прикладний візуальний дизайн",
"intro": [
"Візуальний дизайн — це поєднання типографії, кольорознавства, графіки, анімації, макетів сторінок і багато чого іншого, аби допомогти вам передати своє унікальне повідомлення.",
"У цьому курсі ви навчитеся застосовувати усі ці елементи візуального дизайну для своїх вебсайтів."
]
},
"applied-accessibility": {
"title": "Прикладна доступність",
"intro": [
"У процесі веброзробки спеціальні можливості посилаються на вміст сайту та інтерфейс користувача, який широка аудиторія зможе розпізнати, з яким зможе взаємодіяти та за допомогою якого зможе зорієнтуватися на сайті. У цю аудиторію також входять люди із зоровими, слуховими, руховими та когнітивними розладами.",
"У цьому курсі ви дізнаєтеся найкращі практики для створення вебсайтів, які доступні кожному."
]
},
"responsive-web-design-principles": {
"title": "Принципи адаптивного вебдизайну",
"intro": [
"Підключитися до мережі можна з багатьох пристроїв різних форм і розмірів. Адаптивний вебдизайн — це проєктування гнучких вебсайтів, які пристосовуються до різних розмірів, орієнтацій та розширення екранів.",
"У цьому курсі ви дізнаєтеся як використовувати CSS, аби ваші вебсайти мали гарний вигляд, незалежно від того, на якому пристрої вони відтворені."
]
},
"css-flexbox": {
"title": "CSS Flexbox",
"intro": [
"Flexbox — це потужний режим розмітки, який підтримується практично на всіх пристроях і який було введено з останньою версією CSS, CSS3. За допомогою flexbox набагато легше відцентровувати елементи сторінки та створювати функціональні інтерфейси користувачів, які автоматично зменшуються та розширяються.",
"У цьому курсі ви дізнаєтеся про складові flexbox та функціональної розмітки, коли створюватимете Twitter card."
]
},
"css-grid": {
"title": "CSS Grid",
"intro": [
"CSS grid — це новіший режим розмітки, за допомогою якого можна легко створювати складну адаптивну композицію. Він перетворює елемент HTML у сітку і допомагає розмістити дочірні елементи будь-де на екрані.",
"У цьому курсі ви вивчите основи CSS Grid, створюючи різні складні композиції, в тому числі макет блогу."
]
}
}
},
"2022/responsive-web-design": {
"title": "Адаптивний вебдизайн",
"intro": [
"В сертифікації «Адаптивний вебдизайн» ви вивчите мови, які розробники використовують для створення вебсторінок: HTML (мова розмітки гіпертексту) для вмісту та CSS (каскадні таблиці стилів) для дизайну.",
"Спочатку ви створите застосунок із фотографіями котів, аби вивчити основи HTML та CSS. Пізніше ви опануєте сучасні методи, такі як змінні CSS, завдяки створенню пінгвіна, а також створите вікторину, щоб опанувати доступність.",
"Наостанок ви дізнаєтеся, як створити вебсторінки, які реагують на зміну розміру екрану, створивши фотогалерею за допомогою Flexbox і макет журналу з CSS Grid."
],
"note": "Примітка: деякі розширення браузера (як блокувальники реклами та темні режими) можуть втручатися в тести. Якщо ви зіткнулися з подібними проблемами, ми рекомендуємо вимкнути розширення, які змінюють вміст або макет сторінок під час виконання курсу.",
"blocks": {
"build-a-tribute-page-project": {
"title": "Пам’ятна сторінка",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите пам’ятну сторінку на тему за власним вибором."
]
},
"build-a-personal-portfolio-webpage-project": {
"title": "Вебсторінка персонального портфоліо",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите вебсторінку персонального портфоліо."
]
},
"build-a-product-landing-page-project": {
"title": "Посадкова сторінка продукту",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите посадкову сторінку продукту, щоб збути продукт за власним вибором."
]
},
"build-a-survey-form-project": {
"title": "Форма для опитування",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите форму для опитування, щоб зібрати дані своїх користувачів."
]
},
"build-a-technical-documentation-page-project": {
"title": "Сторінка технічної документації",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите сторінку технічної документації, яка служитиме інструкцією або довідником."
]
},
"learn-html-by-building-a-cat-photo-app": {
"title": "Вивчіть HTML, створивши застосунок з котами",
"intro": [
"Теги HTML надають вебсторінці структуру. Ви можете використовувати теги HTML, щоб додати фотографії, кнопки та інші елементи до своєї вебсторінки.",
"У цьому курсі ви вивчите найпоширеніші теги HTML, створивши власний застосунок з фотографіями котів."
]
},
"learn-basic-css-by-building-a-cafe-menu": {
"title": "Вивчіть основи CSS, створивши меню для кафе",
"intro": [
"CSS повідомляє браузеру, як зображати вашу вебсторінку. Ви можете використовувати CSS, щоб встановити колір, шрифт, розмір та інші властивості елементів HTML.",
"У цьому курсі ви вивчите CSS, розробивши дизайн меню для вебсторінки кафе."
]
},
"learn-the-css-box-model-by-building-a-rothko-painting": {
"title": "Вивчіть блокову модель CSS, створивши картину Ротко",
"intro": [
"Кожен елемент HTML є своїм власним блоком із власним простором та краєм. Це називається блоковою моделлю.",
"У цьому курсі ви використовуватимете CSS та блокову модель, щоб створити власну картину в стилі Ротко."
]
},
"learn-css-variables-by-building-a-city-skyline": {
"title": "Вивчіть змінні CSS, створивши панораму міста",
"intro": [
"Змінні CSS допомагають організувати стилі та повторно використовувати їх.",
"У цьому курсі ви побудуєте панораму міста. Ви дізнаєтеся, як налаштувати змінні CSS для того, щоб повторно використовувати їх, коли забажаєте."
]
},
"learn-html-forms-by-building-a-registration-form": {
"title": "Вивчіть форми HTML, створивши реєстраційну форму",
"intro": [
"Ви можете використовувати форми HTML для збору інформації від людей, які відвідують вашу вебсторінку.",
"У цьому курсі ви вивчите форми HTML, створивши реєстраційну форму. Ви дізнаєтеся, як керувати типами даних, які люди можуть вводити у вашу форму, і деякі нові інструменти CSS для стилізації своєї сторінки."
]
},
"learn-accessibility-by-building-a-quiz": {
"title": "Вивчіть доступність, створивши вікторину",
"intro": [
"Доступність полегшує користування вашою вебсторінкою для всіх людей, навіть для людей з порушеннями.",
"У цьому курсі ви створите вебсторінку вікторини. Ви дізнаєтеся про інструменти доступності, серед яких комбінації клавіш, атрибути ARIA та найкращі поради щодо дизайну."
]
},
"learn-intermediate-css-by-building-a-picasso-painting": {
"title": "Вивчіть перехідний CSS, створивши картину Пікассо",
"intro": [
"У цьому курсі ви дізнаєтеся, як використовувати деякі техніки перехідного CSS, кодуючи власну вебсторінку з картиною Пікассо. Ви дізнаєтеся про іконки SVG, позиціювання CSS та пригадаєте інші навички CSS, яких ви навчилися."
]
},
"learn-responsive-web-design-by-building-a-piano": {
"title": "Вивчіть адаптивний вебдизайн, створивши піаніно",
"intro": [
"Адаптивний дизайн каже вашій вебсторінці, як вона має виглядати на екранах різного розміру.",
"У цьому курсі ви будете використовувати CSS та адаптивний дизайн, щоб створити піаніно. До того ж ви більше дізнаєтесь про медіазапити та псевдоселектори."
]
},
"learn-css-flexbox-by-building-a-photo-gallery": {
"title": "Вивчіть CSS Flexbox, створивши фотогалерею",
"intro": [
"Flexbox допомагає створити вебсторінку, яка матиме хороший вигляд на екрані будь-якого розміру.",
"У цьому курсі ви використовуватимете Flexbox для створення адаптивної вебсторінки фотогалереї."
]
},
"learn-css-grid-by-building-a-magazine": {
"title": "Вивчіть CSS Grid, створивши журнал",
"intro": [
"CSS Grid дає вам можливість керувати рядками та стовпчиками своєї вебсторінки.",
"У цьому курсі ви створите журнальну статтю. Ви дізнаєтеся, як використовувати CSS Grid, включно з рядками та стовпчиками сітки."
]
},
"learn-typography-by-building-a-nutrition-label": {
"title": "Вивчіть типографію, створивши етикетку",
"intro": [
"Типографія — це мистецтво стилізації тексту, щоб його було легко читати та він відповідав своєму призначенню.",
"У цьому курсі ви використовуватимете типографію, щоб створити вебсторінку з харчовою етикеткою. Ви дізнаєтеся, як стилізувати текст, регулювати висоту рядка та позиціювати текст за допомогою CSS."
]
},
"learn-css-transforms-by-building-a-penguin": {
"title": "Вивчіть трансформації CSS, створивши пінгвіна",
"intro": [
"Ви можете трансформувати елементи HTML, щоб створити привабливий дизайн, який привертає увагу читача. Ви можете використовувати трансформації, щоб обертати елементи, масштабувати їх тощо.",
"У цьому курсі ви побудуєте пінгвіна. Ви будете використовувати трансформації CSS, щоб позиціювати та змінювати розмір частин свого пінгвіна, створювати фон та анімувати роботу."
]
},
"learn-css-animation-by-building-a-ferris-wheel": {
"title": "Вивчіть анімацію CSS, створивши оглядове колесо",
"intro": [
"Ви можете використовувати анімацію CSS, щоб привернути увагу до певних розділів вебсторінки та зробити її більш привабливою.",
"У цьому курсі ви побудуєте оглядове колесо. Ви дізнаєтеся, як використовувати CSS для анімації елементів, трансформації та регулювання швидкості."
]
},
"learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet": {
"title": "Вивчіть більше про псевдоселектори CSS, створивши бухгалтерський баланс",
"intro": [
"Ви можете використовувати псевдоселектори CSS, щоб змінити певні елементи HTML.",
"У цьому курсі ви побудуєте бухгалтерський баланс за допомогою псевдоселекторів. Ви дізнаєтеся як змінити стиль елемента, коли ви наводите на нього курсор, та запускати інші події на своїй вебсторінці."
]
},
"learn-css-colors-by-building-a-set-of-colored-markers": {
"title": "Вивчіть кольори CSS, створивши набір кольорових маркерів",
"intro": [
"Вибір правильних кольорів для вебсторінки може значно покращити естетичне вподобання читачів.",
"У цьому курсі ви створите набір кольорових маркерів. Ви дізнаєтесь про різні способи встановлення значень кольорів та як поєднувати кольори між собою."
]
},
"learn-intermediate-css-by-building-a-cat-painting": {
"title": "Вивчіть перехідний CSS, створивши малюнок кота",
"intro": [
"Позиціювання CSS важливо опанувати для того, щоб створювати візуально привабливі та адаптивні вебмакети",
"У цьому курсі ви створите малюнок кота. Ви дізнаєтесь, як працювати з абсолютним позиціюванням, властивістю z-index та властивістю transform."
]
}
}
},
"javascript-algorithms-and-data-structures": {
"title": "Алгоритми JavaScript та структури даних (застаріла версія)",
"intro": [
"Якщо HTML та CSS відповідають за вміст і стилізацію сторінки, то JavaScript робить її інтерактивною. У сертифікації «Алгоритми JavaScript та структури даних» ви вивчите основи JavaScript, включно зі змінними, масивами, об’єктами, циклами та функціями.",
"Як тільки ви вивчите основи, ви почнете застосовувати ці знання, створюючи алгоритми, щоб уміло маніпулювати рядками, факторизувати числа, і навіть зможете обчислити орбіту міжнародної космічної станції.",
"Крім того, ви також вивчите два важливих стилі або парадигми в програмуванні: об’єктноорієнтоване програмування (ООП) та функційне програмування (ФП)."
],
"note": "Примітка: деякі розширення браузера (як блокувальники реклами та скриптів) можуть втручатися в тести. Якщо ви зіткнулися з подібними проблемами, ми рекомендуємо вимкнути розширення, які змінюють або блокують вміст сторінок під час виконання курсу.",
"blocks": {
"basic-javascript": {
"title": "Основи JavaScript",
"intro": [
"JavaScript — це скриптова мова, яка використовується для того, аби зробити вебсайти інтерактивними. Це одна з основних технологій в мережі (разом з HTML та CSS), яка підтримується всіма сучасними браузерами.",
"У цьому курсі ви вивчите головні поняття програмування в JavaScript. Ви почнете з простих структур даних, таких як числа та рядки. Далі ви почнете роботу з масивами, об’єктами, функціями, циклами, умовними конструкціями тощо."
]
},
"es6": {
"title": "ES6",
"intro": [
"ECMAScript, або ES — це стандартизована версія JavaScript. Оскільки більшість браузерів дотримуються цих стандартів, ECMAScript та JavaScript є взаємозамінними.",
"Більша частина JavaScript (про яку ви вже дізналися) була в ES5 (ECMAScript 5), який утвердили у 2009 році. Поки ви все ще маєте можливість писати програми в ES5, JavaScript постійно розвивається і там щорічно вводяться нові функції.",
"ES6, який випустили у 2015 році, додав багато нових потужних функцій до цієї мови. У курсі ви вивчите нові особливості, серед яких стрілкові функції, деструкція, класи, проміси та модулі."
]
},
"regular-expressions": {
"title": "Регулярні вирази",
"intro": [
"Регулярні вирази (відомі як «regex» або «regexp») — шаблони, які допомагають програмістам поєднувати, шукати та замінювати текст. Регулярні вирази дуже важливі, але їх важко читати, оскільки у них використовуються спеціальні символи для створення складніших, гнучкіших поєднань.",
"У цьому курсі ви дізнаєтеся як використовувати спеціальні символи, групи захоплення, позитивні та негативні перевірки та інші техніки, аби текст відповідав бажаному."
]
},
"debugging": {
"title": "Налагодження програм",
"intro": [
"Налагодження програм — це процес перевірки коду на наявність помилок та їх виправлення.",
"Помилки в коді, як правило, розподіляють на три категорії: синтаксичні, які заважають вашій програмі працювати; помилки середовища виконання, коли ваш код поводиться непередбачувано; або логічні, коли ваш код не виконує свою функцію.",
"У цьому курсі ви дізнаєтеся як використовувати консоль JavaScript, аби налагодити програми та уникнути розповсюджених помилок."
]
},
"basic-data-structures": {
"title": "Основи структур даних",
"intro": [
"Багатьома способами можна зберегти дані та отримати до них доступ. Ви вже знаєте деякі загальні структури даних JavaScript — масиви та об’єкти.",
"У курсі «Основи структур даних» ви дізнаєтеся більше про різницю між масивами та об’єктами, та в яких ситуаціях вони використовуються. Ви також дізнаєтеся як використовувати корисні методи JS, такі як <code>splice()</code> та <code>Object.keys()</code>, аби отримати доступ до даних та маніпулювати ними."
]
},
"basic-algorithm-scripting": {
"title": "Основи написання алгоритмів",
"intro": [
"Алгоритм — це ряд покрокових інструкцій, які описують як щось робити.",
"Написання успішного алгоритму допомагає розбити задачу на менші частини та гарно подумати над тим, як вирішити кожну частину за допомогою коду.",
"У цьому курсі ви вивчите основи алгоритмічного мислення, пишучи алгоритми, які роблять усе: від перетворення температур до користування складними 2D масивами."
]
},
"object-oriented-programming": {
"title": "Об’єктноорієнтоване програмування",
"intro": [
"ООП, або об’єктноорієнтоване програмування — це один з основних підходів до процесу розробки програмного забезпечення. Об’єкти та класи в ООП впорядковують код для опису будь-чого і того, що воно виконує.",
"У цьому курсі ви вивчите основні принципи ООП в JavaScript, включно з ключовим словом <code>this</code>, прототипами ланцюгів, конструкторами та наслідуванням."
]
},
"functional-programming": {
"title": "Функційне програмування",
"intro": [
"Функційне програмування — це ще один популярний підхід до розробки програмного забезпечення. У функційному програмуванні код впорядкований у менші, прості функції, які можна об’єднувати для створення складних програм.",
"У цьому курсі ви вивчите основні поняття функційного програмування, включно з чистими функціями, як уникнути мутацій і як писати чистіший код за допомогою методів, таких як <code>.map()</code> і <code>.filter()</code>."
]
},
"intermediate-algorithm-scripting": {
"title": "Написання алгоритмів середньої складності",
"intro": [
"Тепер, коли ви знаєте основи алгоритмічного мислення, разом з ООП та функційним програмуванням, перевірте свої вміння у написанні алгоритмів середньої складності."
]
},
"javascript-algorithms-and-data-structures-projects": {
"title": "Проєкти «Алгоритми JavaScript та структури даних»",
"intro": [
"Тепер настав час випробувати свої навички роботи з JavaScript на практиці. Ці проєкти подібні до тестів з написання алгоритмів, які ви вже робили, але складніші.",
"Виконайте п’ять проєктів JavaScript, аби отримати сертифікацію «Алгоритми JavaScript та структури даних»."
]
}
}
},
"javascript-algorithms-and-data-structures-v8": {
"title": "Алгоритми та структури даних JavaScript",
"intro": [
"Розробники використовують HTML та CSS, щоб контролювати вміст та стилізувати сторінку, а JavaScript — щоб зробити цю сторінку інтерактивною.",
"У сертифікації «Алгоритми JavaScript та структури даних» ви вивчите основи JavaScript, включно зі змінними, масивами, об’єктами, циклами, функціями, об’єктною моделлю документа та багато іншого.",
"Ви також вивчите об’єктноорієнтоване програмування, функціональне програмування, алгоритмічне мислення, способи роботи з локальним сховищем і отримання даних з API."
],
"note": "Примітка: деякі розширення браузера (наприклад, блокувальники реклами та скриптів) можуть втручатися в тести. Якщо ви зіткнулися з подібною проблемою, ми рекомендуємо вимкнути розширення, які змінюють або блокують вміст сторінок під час виконання курсу.",
"blocks": {
"build-an-rpg-creature-search-app-project": {
"title": "Проєкт «Створіть RPG-застосунок для пошуку істот»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите RPG-застосунок з пошуком істот."
]
},
"build-a-cash-register-project": {
"title": "Проєкт «Створіть касовий апарат»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите вебзастосунок касового апарату."
]
},
"build-a-palindrome-checker-project": {
"title": "Проєкт «Створіть перевірку паліндрома»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите застосунок, який перевіряє, чи дане слово є паліндромом."
]
},
"build-a-roman-numeral-converter-project": {
"title": "Проєкт «Створіть конвертер римських чисел»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите застосунок, який конвертує цілі числа в римські."
]
},
"build-a-telephone-number-validator-project": {
"title": "Проєкт «Створіть валідатор мобільного номера»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите застосунок, який перевіряє, чи мобільний номер є дійсним номером США."
]
},
"learn-basic-javascript-by-building-a-role-playing-game": {
"title": "Вивчіть основи JavaScript, створивши рольову гру",
"intro": [
"JavaScript — це потужна скриптова мова, яку використовують, щоб зробити вебсайти інтерактивними. Це одна з основних технологій в мережі (разом з HTML та CSS), яка підтримується всіма сучасними браузерами.",
"У цьому практичному проєкті ви вивчите основні поняття програмування на JavaScript, створивши власну рольову гру. Ви навчитеся працювати з масивами, рядками, об’єктами, функціями, циклами, інструкціями <code>if/else</code> тощо."
]
},
"learn-form-validation-by-building-a-calorie-counter": {
"title": "Вивчіть валідацію форм, створивши лічильник калорій",
"intro": [
"Іноді при створенні вебзастосунків потрібно працювати з введенням користувача. У цьому проєкті з підрахунку калорій ви навчитеся обробляти введення користувача, виконувати обчислення на основі цього введення та динамічно оновлювати інтерфейс для відтворення результатів.",
"У цьому практичному проєкті ви вивчите основні регулярні вирази, шаблонні літерали, метод <code>addEventListener()</code> та багато іншого."
]
},
"learn-functional-programming-by-building-a-spreadsheet": {
"title": "Вивчіть функційне програмування, створивши електронну таблицю",
"intro": [
"Функційне програмування — це популярний підхід до розробки програмного забезпечення. У функційному програмуванні код впорядкований у менші функції, які можна об’єднати для створення складних програм.",
"У цьому проєкті зі створення застосунку з таблицями ви дізнаєтесь про парсинг та обчислення математичних виразів, реалізацію функцій таблиць, обробку посилань на комірки та створення інтерактивних вебінтерфейсів. Ви дізнаєтесь, як динамічно оновити сторінку на основі введення користувача.",
"У цьому проєкті охоплено різні поняття, серед яких методи <code>map()</code>, <code>find()</code> й <code>includes()</code> та функція <code>parseInt()</code>."
]
},
"learn-modern-javascript-methods-by-building-football-team-cards": {
"title": "Вивчіть сучасні методи JavaScript, створивши карточки футбольних команд",
"intro": [
"Один із загальних аспектів створення вебзастосунків — обробка наборів даних та виведення інформації на екран. У проєкті з картками спортивних команд ви дізнаєтесь, як працювати з маніпулюванням DOM, деструктуризацією об’єктів, обробкою подій та фільтрацією даних.",
"Цей проєкт охоплює різні поняття, серед яких параметри за замовчуванням та <code>Object.freeze()</code>, а також допоможе закріпити ваші знання з інструкції <code>switch</code> і методу <code>map()</code>."
]
},
"learn-advanced-array-methods-by-building-a-statistics-calculator": {
"title": "Вивчіть передові методи масиву, створивши статистичний калькулятор",
"intro": [
"Ви розвиваєте навички володіння JavaScript, а отже потрібно розібратись з методами маніпулювання масивами, серед яких <code>map()</code>, <code>reduce()</code> та <code>filter()</code>.",
"У цьому проєкті зі створення статистичного калькулятора ви здобудете досвід роботи з введення користувача, маніпулювання DOM та ланцюжкових методів, виконуючи статистичні обчислення середнього значення, медіани, моди, дисперсії та стандартного відхилення."
]
},
"learn-basic-oop-by-building-a-shopping-cart": {
"title": "Вивчіть основи ООП, створивши список покупок",
"intro": [
"ООП, або об’єктноорієнтоване програмування — це один з основних підходів до процесу розробки програмного забезпечення. Розробники використовують об’єкти та класи, щоб впорядкувати код в ООП.",
"У цьому проєкті зі списком покупок ви дізнаєтесь, як визначити класи та використати їх. Ви створите екземпляри класу та впровадите методи для маніпуляцій даними.",
"Цей проєкт охопить такі поняття, як тернарний оператор, оператор розширення, ключове слово <code>this</code> та інше."
]
},
"learn-fetch-and-promises-by-building-an-fcc-authors-page": {
"title": "Вивчіть фетч та проміси, створивши сторінку автора fCC",
"intro": [
"Один із загальних аспектів веброзробки, якого потрібно навчитись — отримувати дані від зовнішнього API, а потім працювати з асинхронним JavaScript.",
"Цей проєкт зі сторінкою авторів freeCodeCamp покаже, як використовувати метод fetch, а потім оновити DOM, щоб відтворити отримані дані.",
"Цей проєкт також навчить, як робити навігацію даних, щоб ви могли завантажувати результати партіями."
]
},
"learn-regular-expressions-by-building-a-spam-filter": {
"title": "Вивчіть регулярні вирази, створивши спам-фільтр",
"intro": [
"Регулярні вирази (відомі як «regex» або «regexp») — шаблони, які допомагають програмістам поєднувати, шукати та замінювати текст. Регулярні вирази надзвичайно потужні, але їх важко зрозуміти, оскільки у них використовуються спеціальні символи.",
"У цьому проєкті з фільтрування спаму ви дізнаєтеся про групи захоплення, позитивні та негативні перевірки, а також інші техніки, щоб текст відповідав бажаному."
]
},
"learn-basic-algorithmic-thinking-by-building-a-number-sorter": {
"title": "Вивчіть базове алгоритмічне мислення, створивши сортувальник чисел",
"intro": [
"У галузі комп’ютерних наук існують основні алгоритми сортування, які всі розробники повинні вивчити. У цьому проєкті з сортування чисел ви навчитеся реалізовувати та візуалізувати різні алгоритми сортування, серед яких сортування бульбашкою, сортування вибором та сортування вставками з використанням JavaScript.",
"Цей проєкт допоможе зрозуміти основні поняття за цими алгоритмами та як їх можна застосувати для сортування числових даних у вебзастосунках."
]
},
"review-algorithmic-thinking-by-building-a-dice-game": {
"title": "Повторіть алгоритмічне мислення, створивши гру з кубиками",
"intro": [
"Алгоритмічне мислення передбачає здатність розбивати складні завдання на чітко визначені кроки.",
"У проєкті зі створення гри з кубиками ви дізнаєтесь, як керувати станом гри та реалізуєте логіку гри, щоб викидати кубики, зберігати бали й застосовувати правила для різних комбінацій.",
"Цей проєкт охоплює обробку подій, маніпулювання масивами, умовну логіку та динамічне оновлення інтерфейсу користувача на основі стану гри."
]
},
"learn-intermediate-oop-by-building-a-platformer-game": {
"title": "Вивчіть проміжне ООП, створивши платформну гру",
"intro": [
"Створення ігор — чудовий спосіб засвоїти основні принципи програмування, ще й під час здобуття інтерактивного ігрового досвіду.",
"У проєкті зі створення платформної гри ви продовжите вивчати класи, об’єкти, успадкування та інкапсуляцію. Ви також навчитеся ефективно проєктувати та організовувати елементи гри, отримаєте уявлення про розв’язання проблем та можливість повторного використання коду."
]
},
"learn-localstorage-by-building-a-todo-app": {
"title": "Вивчіть localStorage, створивши застосунок зі списком справ",
"intro": [
"Локальне сховище — це функція вебпереглядача, яка дозволяє вебзастосункам зберігати пари ключ-значення в браузері користувача. Воно також дозволяє зберігати дані протягом одного сеансу та використовувати їх в наступному.",
"У цьому застосунку для списку справ ви навчитеся обробляти введення форми, управляти локальним сховищем, виконувати операції CRUD (створення, читання, оновлення, видалення) на завданнях, реалізовувати слухачів подій та перемикати елементи інтерфейсу користувача."
]
},
"learn-the-date-object-by-building-a-date-formatter": {
"title": "Вивчіть об’єкт Date, створивши форматувальник дат",
"intro": [
"При роботі з датами в JavaScript ви можете зіткнутися з викликами, оскільки доведеться орієнтуватися у різних методах, форматах і часових поясах. У цьому проєкті ви дізнаєтесь, як працювати з об’єктом Date в JavaScript, включно з його методами та властивостями, а також навчитеся форматувати дати.",
"Цей проєкт охоплює такі поняття, як методи <code>getDate()</code>, <code>getMonth()</code> та <code>getFullYear()</code>."
]
},
"learn-asynchronous-programming-by-building-an-fcc-forum-leaderboard": {
"title": "Вивчіть асинхронне програмування, створивши таблицю лідерів форуму fCC",
"intro": [
"JavaScript — це асинхронна мова програмування. Цей проєкт допоможе розібратись з асинхронними поняттями. Ви створите власну таблицю лідерів форуму freeCodeCamp.",
"Цей проєкт охопить Fetch API, проміси, Async/Await та інструкцію try..catch."
]
},
"learn-basic-string-and-array-methods-by-building-a-music-player": {
"title": "Вивчіть базові методи рядка та масиву, створивши музичний програвач",
"intro": [
"Тепер вивчимо основні методи рядка та масиву, серед яких <code>find()</code>, <code>forEach()</code>, <code>map()</code> та <code>join()</code>. Ці методи відіграють важливу роль для розробки динамічних вебзастосунків.",
"У цьому проєкті ви створите MP3-плеєр за допомогою HTML, CSS та JavaScript. Цей проєкт охоплює ключові поняття, серед яких обробка відтворення аудіо, управління плейлистом, реалізація функцій програвання, паузи, наступної пісні та перемішування. Ви навіть дізнаєтесь, як динамічно оновити інтерфейс користувача на основі поточної пісні."
]
},
"learn-recursion-by-building-a-decimal-to-binary-converter": {
"title": "Вивчіть рекурсію, створивши конвертер десяткових чисел в бінарні",
"intro": [
"Рекурсія — це таке поняття в програмуванні, коли функція викликає сама себе. Це може перетворити складне завдання на декілька менших простіших завдань, допоки вони не стануть зрозумілими.",
"У цьому проєкті ви побудуєте конвертер десяткових чисел в бінарні за допомогою JavaScript. Ви вивчите основні поняття рекурсії, дослідите стек викликів та побудуєте візуальне представлення процесу рекурсії через анімацію."
]
},
"learn-introductory-javascript-by-building-a-pyramid-generator": {
"title": "Вивчіть основи JavaScript, створивши генератор пірамід",
"intro": [
"JavaScript — це потужна скриптова мова, яку використовують, щоб зробити вебсайти інтерактивними. Це одна з основних технологій в мережі (разом з HTML та CSS), яка підтримується всіма сучасними браузерами.",
"У цьому практичному проєкті ви вивчите основні поняття програмування на JavaScript, створивши власний генератор пірамід. Ви навчитеся працювати з масивами, рядками, функціями, циклами, інструкціями <code>if/else</code> тощо."
]
},
"review-js-fundamentals-by-building-a-gradebook-app": {
"title": "Повторіть основи JavaScript, створивши журнал з оцінками",
"intro": [
"У цьому мініпроєкті ви зможете повторити основи JavaScript, серед яких функції, змінні, інструкції та багато іншого, створивши застосунок з журналом оцінювання.",
"Це дозволить розв’язувати невеликі проблеми та краще розуміти базові поняття."
]
},
"learn-basic-debugging-by-building-a-random-background-color-changer": {
"title": "Вивчіть базове налагодження, створивши перемикач фонового кольору",
"intro": [
"Налагодження програм — це процес перевірки коду на наявність помилок та їх виправлення.",
"У цьому проєкті ви допоможете CamperBot побудувати перемикач фонового кольору, а також допоможете йому знаходити та налагоджувати помилки."
]
},
"review-dom-manipulation-by-building-a-rock-paper-scissors-game": {
"title": "Повторіть маніпуляцію DOM, створивши гру «Камінь, ножиці, папір»",
"intro": [
"У попередніх проєктах ви навчились працювати з базовою маніпуляцією DOM. Тепер настав час це все повторити, створивши гру «Камінь, ножиці, папір».",
"У цьому мініпроєкті ви пригадаєте інструкції, функції, <code>getElementById</code> та багато іншого. Це дозволить розв’язувати невеликі проблеми та краще розуміти базові поняття."
]
}
}
},
"front-end-development-libraries": {
"title": "Бібліотеки Front End",
"intro": [
"Тепер, коли ви вже знайомі з HTML, CSS та JavaScript, піднімімо ваш рівень навичок, вивчаючи декілька найбільш популярних бібліотек верстки в галузі.",
"У сертифікації «Бібліотеки Front End» ви навчитеся швидко стилізувати свій сайт за допомогою Bootstrap. Також ви навчитеся покращувати свої стилі CSS та розширювати їх за допомогою Sass.",
"Згодом ви розробите кошик для покупок та інші застосунки, щоб навчитися створювати потужні односторінкові застосунки (SPAs) з React та Redux."
],
"note": "",
"blocks": {
"bootstrap": {
"title": "Bootstrap",
"intro": [
"Bootstrap — це front end каркас, створений для проєктування адаптивних вебсторінок та застосунків. Для веброзробки цей фреймворк використовує принцип Mobile First та включає попередньо інтегровані стилі, класи CSS і деякі функціональності JavaScript.",
"Під час цього курсу ви навчитеся створювати адаптивні вебсайти за допомогою Bootstrap та використовувати готові шаблони для стилізації кнопок, зображень, форм, навігації та інших поширених елементів."
]
},
"jquery": {
"title": "jQuery",
"intro": [
"jQuery — одна з найпопулярніших у світі бібліотек JavaScript.",
"До її запуску у 2006 році, кожний браузер використовував JavaScript по-своєму. jQuery спростила роботу з JavaScript для користувачів, а також забезпечила кросбраузерність створених кодів.",
"Під час цього курсу ви навчитеся використовувати jQuery для виділення, вилучення, копіювання та редагування різних елементів на сторінці."
]
},
"sass": {
"title": "SASS",
"intro": [
"Sass, або «Syntactically Awesome StyleSheets» — це мовне розширення CSS, що містить функції, яких немає у базовому CSS, і тим самим допомагає спростити створення таблиць стилів для ваших проєктів.",
"У цьому курсі ви навчитеся зберігати дані у змінних, вкладати CSS, створювати багаторазові стилі за допомогою міксин, додавати умовні конструкції та цикли до своїх стилів тощо."
]
},
"react": {
"title": "React",
"intro": [
"React — це популярна бібліотека JavaScript для створення багаторазових компонентних користувацьких інтерфейсів для вебсторінок або застосунків.",
"React поєднує HTML з функціями JavaScript, формуючи власну мову розмітки під назвою JSX. React також дозволяє легко керувати потоком даних у всьому застосунку.",
"У цьому курсі ви навчитеся створювати різні компоненти React, керувати даними за допомогою пропсів, а також застосовувати різні методи життєвого циклу, такі як <code>componentDidMount</code> тощо."
]
},
"redux": {
"title": "Redux",
"intro": [
"Зі збільшенням розмірів та кількості застосунків, керувати спільними даними стає все складніше. Redux називають «відкритою JS бібліотекою призначеною для управління станом програм JavaScript», яка забезпечує належну роботу ваших програм і спрощує тестування.",
"Хоча ви можете використовувати його з будь-якою іншою бібліотекою, ми лише коротко розповімо про Redux, а тоді об’єднаємо його з React у наступному наборі курсів.",
"Під час цього курсу ви вивчите базову інформацію про сховища, дії, редуктори та проміжне програмне забезпечення Redux для керування даними у своєму застосунку."
]
},
"react-and-redux": {
"title": "React та Redux",
"intro": [
"React часто використовують разом із Redux, і не дарма. Redux і React створив один програміст, який хотів зробити процес передачі даних між компонентами простішим.",
"Тепер коли ви вже навчились керувати загальними даними за допомогою Redux, ви можете виконувати дії в React. На курсах React і Redux, ви навчитесь будувати компонент React і дізнаєтесь, як локально керувати станом на рівні компонента, та й у цілому застосунку, за допомогою Redux."
]
},
"front-end-development-libraries-projects": {
"title": "Проєкти «Бібліотеки Front End»",
"intro": [
"Прийшов час протестувати ваші навички роботи з бібліотеками front end розробки. Використайте Bootstrap, jQuery, Sass, React та Redux, аби створити 5 проєктів, які перевірять ваші знання з усього, що ви вивчили дотепер.",
"Виконайте п’ять проєктів та отримайте сертифікацію «Бібліотеки Front End»."
]
}
}
},
"data-visualization": {
"title": "Візуалізація даних",
"intro": [
"Дані повсюди, але це не означає, що більшість з них без форми чи контексту.",
"У сертифікації «Візуалізація даних» ви створите діаграми, графіки та карти, що показують різні типи даних, за допомогою бібліотеки D3.js.",
"Ви також дізнаєтесь про JSON (JavaScript Object Notation) та як працювати з даними онлайн, користуючись API (Application Programing Interface)."
],
"note": "",
"blocks": {
"data-visualization-with-d3": {
"title": "Візуалізація даних з D3",
"intro": [
"D3, або D3.js, розшифровується як «Data Driven Documents». Це бібліотека JavaScript для створення функціональної та інтерактивної візуалізації даних у браузері.",
"D3 створено для роботи з поширеними вебстандартами, а саме: HTML, CSS і SVG (масштабована векторна графіка).",
"D3 підтримує багато різних форматів даних. Тому, використовуючи її потужні вбудовані методи, ви можете перетворити ці дані у різні діаграми, графіки та карти.",
"У курсі «Візуалізація даних з D3» ви навчитеся працювати з даними, аби створювати різні діаграми, графіки, елементи наведення та інші складові частини, аби створити динамічну та принадну візуалізацію даних."
]
},
"json-apis-and-ajax": {
"title": "JSON API та AJAX",
"intro": [
"Так само як інтерфейс користувача (UI) допомагає людям користуватися програмами, API (Application Programming Interfaces) також допомагає програмам взаємодіяти між собою. API — це інструменти, які використовуються комп’ютерами для комунікування один з одним, і, частково, для надсилання та отримання даних.",
"Програмісти часто використовують AJAX (Asynchronous JavaScript and XML) при роботі з API. AJAX належить до групи технологій, які роблять асинхронні запити до сервера для передачі даних, а потім завантажують будь-які отримані дані до сторінки. І дані, що були передані між браузером і сервером, часто мають формат JSON (JavaScript Object Notation).",
"Цей курс навчить вас основ роботи з API та різними технологіями AJAX в браузері."
]
},
"data-visualization-projects": {
"title": "Проєкти «Візуалізація даних»",
"intro": [
"Ви дізналися як працювати з технологіями D3, APIs та AJAX, тому перевірте свої навички завдяки тесту з п’яти проєктів візуалізації даних.",
"У цих проєктах вам потрібно буде отримати й проаналізувати набір даних, тоді використати D3 для створення різної візуалізації даних. Завершіть усі проєкти, аби отримати сертифікацію «Візуалізація даних»."
]
}
}
},
"relational-database": {
"title": "Реляційна база даних",
"intro": [
"У цих курсах ви використовуватимете реальні інструменти розробника та програмне забезпечення, включно з VS Code, PostgreSQL та командним рядком Linux / Unix для завершення інтерактивних уроків і створення проєктів.",
"Ці курси починаються з основних команд Bash. За допомогою терміналу ви навчитеся усього необхідного (від навігації та маніпуляції файловою системою, написання скрипту в Bash до просунутого використання).",
"Далі ви навчитеся створювати та використовувати реляційну базу даних з PostgreSQL (система керування базами даних) та SQL (мова баз даних).",
"Зрештою, ви дізнаєтеся про Git, систему контролю версій, важливий інструмент кожного розробника."
],
"blocks": {
"build-a-celestial-bodies-database-project": {
"title": "База даних «Небесні тіла»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви побудуєте базу даних небесних тіл, використовуючи PostgreSQL."
]
},
"build-a-number-guessing-game-project": {
"title": "Гра «Вгадай число»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви використовуватимете сценарії Bash, PostgreSQL та Git, щоб створити гру з вгадуванням чисел, яка запускається в терміналі та зберігає інформацію користувача."
]
},
"build-a-periodic-table-database-project": {
"title": "База даних «Періодична таблиця»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите Bash-скрипт, щоб отримати інформацію про хімічні елементи з бази даних періодичної таблиці."
]
},
"build-a-salon-appointment-scheduler-project": {
"title": "Планувальник «Записи в салоні»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите інтерактивну програму Bash, яка використовує PostgreSQL для відстеження клієнтів і зустрічей у вашому салоні."
]
},
"build-a-world-cup-database-project": {
"title": "База даних «Чемпіонат світу»",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви створите скрипт Bash, який вводить інформацію з ігор чемпіонату світу в PostgreSQL, а потім запитує базу даних для отримання статистики."
]
},
"learn-advanced-bash-by-building-a-kitty-ipsum-translator": {
"title": "Вивчіть прогресивний Bash, створивши перекладач Kitty Ipsum",
"intro": [
"У командах Bash більше, ніж ви могли собі уявити.",
"У цьому курсі з 140 уроків ви дізнаєтеся про деякі складніші команди, а також детально дізнаєтеся як вони працюють."
]
},
"learn-bash-and-sql-by-building-a-bike-rental-shop": {
"title": "Вивчіть Bash та SQL, створивши магазин прокату велосипедів",
"intro": [
"У цьому курсі з 210 уроків ви створите інтерактивну програму Bash, яка зберігатиме інформацію про оренду для вашого магазину прокату велосипедів, використовуючи PostgreSQL."
]
},
"learn-bash-by-building-a-boilerplate": {
"title": "Вивчіть Bash, створивши шаблонний код",
"intro": [
"Термінал дозволяє відправляти текстові команди на ваш комп’ютер, які можуть маніпулювати файловою системою, запускати програми, автоматизувати завдання та багато іншого.",
"У цьому курсі з 170 уроків ви вивчите команди терміналу, створивши шаблонний код вебсайту, використовуючи лише командний рядок."
]
},
"learn-bash-scripting-by-building-five-programs": {
"title": "Вивчіть скрипт Bash, створивши п’ять програм",
"intro": [
"Скрипти Bash поєднують команди терміналу та логіку в програми, які можуть виконувати або автоматизувати завдання та багато іншого.",
"У цьому курсі з 220 уроків ви вивчите більше про команди терміналу та як їх використовувати в скриптах Bash, створивши п’ять невеликих програм."
]
},
"learn-git-by-building-an-sql-reference-object": {
"title": "Вивчіть Git, створивши об’єкт SQL",
"intro": [
"Git — це система контролю версій, яка відстежує усі зміни, внесені вами до свого коду.",
"У цьому курсі з 240 уроків ви вивчите як Git відстежує ваш код, створюючи об’єкт, що містить часто використовувані команди SQL."
]
},
"learn-nano-by-building-a-castle": {
"title": "Вивчіть Nano, створивши замок",
"intro": [
"Nano — це програма, яка дозволяє редагувати файли одразу в терміналі.",
"У цьому курсі з 40 уроків ви вивчите як редагувати файли в терміналі за допомогою Nano під час будівництва замку."
]
},
"learn-relational-databases-by-building-a-database-of-video-game-characters": {
"title": "Вивчіть реляційні бази даних, створивши базу даних з персонажами відеоігор",
"intro": [
"Реляційна база даних організовує дані в таблиці, які пов’язані між собою через спорідненість.",
"У цьому курсі зі 165 уроків ви вивчите основи реляційної бази даних, створивши базу даних PostgreSQL, наповнену персонажами з відеоігор."
]
},
"learn-sql-by-building-a-student-database-part-1": {
"title": "Вивчіть SQL, створивши студентську базу даних (частина 1)",
"intro": [
"SQL, або Structured Query Language (мова структурованих запитів) — це мова для спілкування з реляційною базою даних.",
"В цьому курсі з 140 уроків ви створите скрипт Bash, який використовує SQL для введення інформації про ваших студентів з науки про дані в PostgreSQL."
]
},
"learn-sql-by-building-a-student-database-part-2": {
"title": "Вивчіть SQL, створивши студентську базу даних (частина 2)",
"intro": [
"Команди об’єднання SQL використовуються, щоб поєднати інформацію з кількох таблиць у реляційній базі даних",
"У цьому курсі з 140 уроків ви завершите свою базу даних студентів, глибше занурившись в команди SQL."
]
}
}
},
"back-end-development-and-apis": {
"title": "Розробка Back End та API",
"intro": [
"До цього моменту ви використовували JavaScript тільки для front end, аби зробити вебсторінку інтерактивнішою, розв’язати завдання з алгоритмами, або створити SPA. Але JavaScript можна використовувати й у back end, або на сервері, для створення цілих вебзастосунків.",
"Сьогодні один із найпопулярніших способів створення застосунків — за допомогою мікрослужб, які є маленькими модульними застосунками та разом формують єдине ціле.",
"У сертифікації «Розробка Back End та API» ви навчитеся писати back end програми за допомогою Node.js та npm. Ви також створите вебзастосунок за допомогою фреймворку Express та мікрослужбу для пошуку людей за допомогою MongoDB і бібліотеки Mongoose."
],
"note": "",
"blocks": {
"managing-packages-with-npm": {
"title": "Керування пакетами з NPM",
"intro": [
"npm (Node Package Manager) — це інструмент командного рядка для встановлення, створення та поширення пакетів коду JavaScript, написаного для Node.js. На npm знаходиться багато пакетів з відкритим вихідним кодом, тому спершу ретельно їх вивчіть, щоб вам не довелося виправляти помилки під час роботи з даними чи отримання даних з API.",
"У цьому курсі ви вивчите основи використання npm, включно з тим як працювати із <code>package.json</code> та як керувати встановленими залежностями."
]
},
"basic-node-and-express": {
"title": "Основи Node та Express",
"intro": [
"Node.js — це середовище виконання JavaScript, що дозволяє розробникам писати back end (серверні) програми в JavaScript. Node.js має кілька вбудованих модулів (маленьких незалежних програм), які допомагають з цим. Деякі з основних модулів містять HTTP, який працює на зразок сервера, і файлову систему (модуль для читання і редагування файлів).",
"В останній групі курсів ви навчилися встановлювати та керувати пакетами npm, які є скупченнями менших модулів. Ці пакети можуть допомогти вам створити більші, складніші застосунки.",
"Express — це спрощений фреймворк вебзастосунків та один з найбільш популярних пакетів на npm. Express значно полегшує створення сервера та керування маршрутизацією вашого застосунку, що відповідає за такі речі, як перенаправлення людей до потрібної сторінки, коли вони відвідують певну кінцеву точку (наприклад, <pre>/blog</pre>).",
"У цьому курсі ви дізнаєтесь основи Node та Express, включно з тим, як створювати сервер, обслуговувати різні файли та обробляти різні запити з браузера."
]
},
"mongodb-and-mongoose": {
"title": "MongoDB та Mongoose",
"intro": [
"MongoDB — це програма бази даних, яка зберігає JSON документи (чи записи), які ви можете використати у своєму застосунку. На відміну від SQL, іншого типу бази даних, MongoDB — це нереляційна, або «NoSQL» база даних. Це означає, що MongoDB зберігає усі збірні дані в межах одного запису, замість того, щоб тримати їх у багатьох попередньо налаштованих таблицях, як у базі даних SQL.",
"Moongoose — це популярний пакет npm для взаємодії з MongoDB. З Moongoose ви можете використовувати прості об’єкти JavaScript замість JSON, що полегшує роботу із MongoDB. Він також дозволяє створити нарис документів під назвою «схеми», щоб ви ненароком не зберегли хибний тип даних та не спричинили помилок.",
"На курсах MongoDB та Mongoose ви вивчите основи роботи із постійними даними, враховуючи налаштування моделі, збереження, видалення та пошук документів у базі даних."
]
},
"back-end-development-and-apis-projects": {
"title": "Проєкти «Розробка Back End та API»",
"intro": [
"Раніше ви мали справу з API, але тепер, коли ви знайомі із nmp, Node, Express, Mongo DB та Mongoose, прийшов час створити щось власне. Застосуйте усі отримані знання, щоб створити 5 окремих мікрослужб, які є меншими застосунками з обмеженими можливостями.",
"Створивши їх, ви матимете 5 крутих мікрослужб API, якими можна похвалитися перед друзями, рідними чи потенційними роботодавцями. О, а ще новеньку сертифікацію «Розробка Back End та API»."
]
}
}
},
"quality-assurance": {
"title": "Забезпечення якості",
"intro": [
"Оскільки ваші програми чи вебзастосунки стають складнішими, ви захочете протестувати їх, щоб переконатися, що нові зміни не порушують початкові функції.",
"У сертифікації «Забезпечення якості» ви дізнаєтесь як писати тести з Chai, щоб переконатись, що ваші застосунки працюють так, як ви очікуєте.",
"Потім ви створите застосунок чату, щоб вивчити розширені концепції Node та Express. Ви також будете використовувати Pug як шаблонізатор, Passport для автентифікації та Socket.io для комунікування в режимі реального часу між сервером та підключеними клієнтами."
],
"note": "",
"blocks": {
"quality-assurance-and-testing-with-chai": {
"title": "Забезпечення якості та тестування з Chai",
"intro": [
"Chai — це бібліотека тестування JavaScript, яка допомагає переконатись, що після внесення змін до коду ваша програма досі поводиться так, як ви очікуєте.",
"Використовуючи Chai, ви зможете писати тести, які описують ваші програмні вимоги, та бачити чи ваш застосунок відповідає їм.",
"У цьому курсі ви дізнаєтесь про припущення, глибоку рівність, правдивість, тестування API та інші основи тестування програм JavaScript."
]
},
"advanced-node-and-express": {
"title": "Просунутий Node та Express",
"intro": [
"Настав час глибоко зануритися у Node.js та Express.js, створивши застосунок чату із системою входу.",
"Щоб безпечно впровадити систему входу, вам потрібно буде дізнатися про автентифікацію. Це акт перевірки особи або процесу.",
"У цьому курсі ви дізнаєтесь, як використовувати Passport для управління автентифікацією, Pug для створення шаблонів багаторазового використання для швидкого створення інтерфейсу та вебсокети для комунікування в реальному часі між клієнтами та сервером."
]
},
"quality-assurance-projects": {
"title": "Проєкти «Забезпечення якості»",
"intro": [
"Тепер, коли ви добре розбираєтесь у frond end та back end, настав час застосувати всі навички та концепції, які ви вивчили до цього моменту. Ви створите 5 різних вебзастосунків і напишете тести для кожного, щоб переконатися чи вони працюють і обробляють всі можливі сценарії.",
"Після завершення цих проєктів із забезпечення якості у вас буде ще 5 проєктів, а також нова сертифікація, якою можна похвалитись у портфоліо."
]
}
}
},
"scientific-computing-with-python": {
"title": "Наукові обчислення з Python",
"intro": [
"Навчальна програма «Наукові обчислення з Python» допоможе отримати навички аналізу та маніпулювання даними за допомогою Python — потужної та універсальної мови програмування. Ви вивчите ключові поняття, серед яких структури даних, алгоритми, об’єктноорієнтоване програмування, а також як виконувати складні обчислення за допомогою різноманітних інструментів.",
"Цей комплексний курс ознайомить вас з основами наукових обчислень, включно зі структурами даних та алгоритмами."
],
"note": "",
"blocks": {
"learn-string-manipulation-by-building-a-cipher": {
"title": "Вивчіть маніпуляцію рядками, створивши шифр",
"intro": [
"Python — це потужна та популярна мова програмування, яку широко використовують для науки про дані, візуалізації даних, веброзробки, розробки ігор, машинного навчання та багатьох інших галузей.",
"У цьому проєкті ви ознайомитеся з основними поняттями програмування на Python, серед яких змінні, функції, цикли та умовні інструкції. Ви використаєте їх для написання своїх перших програм."
]
},
"learn-how-to-work-with-numbers-and-strings-by-implementing-the-luhn-algorithm": {
"title": "Навчіться працювати з числами та рядками, імплементувавши алгоритм Луна",
"intro": [
"Алгоритм Луна широко використовується для перевірки помилок у різних програмах (наприклад, щоб перевірити номер кредитної картки).",
"Створивши цей проєкт, ви отримаєте досвід роботи з чисельними обчисленнями та маніпулюванням рядками."
]
},
"learn-list-comprehension-by-building-a-case-converter-program": {
"title": "Вивчіть спискові вирази Python, створивши програму для зміни регістру",
"intro": [
"Спискові вирази — це спосіб створення нового списку Python з ітерабельних типів (списків, кортежів і рядків) без використання циклу for або методу списку .append().",
"У цьому проєкті ви напишете програму, яка приймає рядок у верхньому або нижньому верблюдячому регістрі, а потім перетворює його у зміїний регістр.",
"Проєкт складається з двох етапів: спочатку ви використаєте цикл for, щоб імплементувати програму. Потім ви дізнаєтесь, як використовувати спискові вирази замість циклу, щоб отримати ті ж результати."
]
},
"learn-regular-expressions-by-building-a-password-generator": {
"title": "Вивчіть регулярні вирази, створивши генератор паролів",
"intro": [
"Модуль Python — це файл, який містить набір інструкцій та визначень, які можна використати у коді.",
"У цьому проєкті ви навчитеся імпортувати модулі зі стандартної бібліотеки Python. Також ви дізнаєтесь, як використовувати регулярні вирази, створивши власну програму для генерації паролів."
]
},
"learn-algorithm-design-by-building-a-shortest-path-algorithm": {
"title": "Вивчіть алгоритмічний дизайн, створивши алгоритм найкоротшого шляху",
"intro": [
"Алгоритми — це покрокові процедури, які розробники використовують для виконання розрахунків та розв’язання обчислювальних задач.",
"У цьому проєкті ви дізнаєтеся, як використовувати функції, цикли, умовні інструкції та словникові вирази, щоб імплементувати алгоритм найкоротшого шляху."
]
},
"learn-recursion-by-solving-the-tower-of-hanoi-puzzle": {
"title": "Вивчіть рекурсію, розгадавши головоломку Ханойської вежі",
"intro": [
"Рекурсія — це підхід до програмування, який дозволяє розв’язати обчислювальні задачі за допомогою невеликої кількості коду.",
"У цьому проєкті ви почнете з підходу на основі циклів, щоб розв’язати математичну головоломку Ханойської вежі. Потім ви дізнаєтеся, як імплементувати рекурсивний розв’язок."
]
},
"learn-data-structures-by-building-the-merge-sort-algorithm": {
"title": "Вивчіть структури даних, створивши алгоритм сортування злиттям",
"intro": [
"Алгоритм сортування злиттям — це алгоритм сортування, заснований на принципі «розділяй і володарюй».",
"У цьому проєкті ви навчитеся взаємодіяти зі структурами даних, сортуючи список випадкових чисел за допомогою алгоритму сортування злиттям."
]
},
"learn-classes-and-objects-by-building-a-sudoku-solver": {
"title": "Вивчіть класи та об’єкти, створивши розв’язувач судоку",
"intro": [
"Класи та об’єкти є важливими поняттями програмування. Ці інструменти об’єктноорієнтованого програмування допомагають розробникам з модульністю коду, абстракцією та читабельністю, а також сприяють повторному використанню.",
"У цьому проєкті з розв’язувачем судоку ви дізнаєтесь, як використовувати класи та об’єкти, щоб створити сітку судоку та вирішити цю головоломку."
]
},
"learn-tree-traversal-by-building-a-binary-search-tree": {
"title": "Вивчіть обхід дерева, створивши бінарне дерево пошуку",
"intro": [
"Бінарне дерево пошуку — це поширена структура даних, де дані впорядковані ієрархічно.",
"У цьому проєкті ви дізнаєтесь, як сконструювати власне бінарне дерево пошуку і виконати серединний обхід. Також ви ознайомитеся з ключовими операціями (наприклад, вставка, пошук та видалення)."
]
},
"learn-lambda-functions-by-building-an-expense-tracker": {
"title": "Вивчіть лямбда-функції, створивши трекер витрат",
"intro": [
"Завдяки лямбда-функціям можна написати невеликі одноразові функції у своєму коді.",
"У цьому проєкті ви дослідите потужність лямбда-функцій, створивши трекер витрат. Кінцевий застосунок продемонструє, як можна використовувати лямбда-функції для ефективних і оптимізованих операцій."
]
},
"build-an-arithmetic-formatter-project": {
"title": "Проєкт «Створіть арифметичний форматор»",
"intro": ["Цей проєкт потрібно виконати, щоб отримати сертифікацію."]
},
"build-a-time-calculator-project": {
"title": "Проєкт «Створіть калькулятор часу»",
"intro": ["Цей проєкт потрібно виконати, щоб отримати сертифікацію."]
},
"build-a-budget-app-project": {
"title": "Проєкт «Створіть застосунок для ведення бюджету»",
"intro": ["Цей проєкт потрібно виконати, щоб отримати сертифікацію."]
},
"build-a-polygon-area-calculator-project": {
"title": "Проєкт «Створіть калькулятор площі багатокутника»",
"intro": ["Цей проєкт потрібно виконати, щоб отримати сертифікацію."]
},
"build-a-probability-calculator-project": {
"title": "Проєкт «Створіть калькулятор вірогідностей»",
"intro": ["Цей проєкт потрібно виконати, щоб отримати сертифікацію."]
},
"learn-interfaces-by-building-an-equation-solver": {
"title": "Вивчіть інтерфейси, створивши розв’язувач рівнянь",
"intro": [
"Абстрактні класи дозволяють визначити формальні інтерфейси — а саме об’єкти, які виступають як шаблони для класів.",
"У цьому проєкті ви дізнаєтесь, як реалізувати інтерфейс у Python, створивши просту програму для розв’язку рівнянь."
]
},
"learn-special-methods-by-building-a-vector-space": {
"title": "Вивчіть спеціальні методи, створивши векторний простір",
"intro": [
"Спеціальні методи в Python викликаються у відповідь на конкретні операції та дозволяють налаштувати поведінку об’єктів у деталізований й ефективний спосіб.",
"У цьому проєкті ви дослідите деякі з найпоширеніших спеціальних методів, вивчаючи вектори через створення векторного простору."
]
},
"learn-encapsulation-by-building-a-projectile-trajectory-calculator": {
"title": "Вивчіть інкапсуляцію, створивши калькулятор траєкторії налітної частинки",
"intro": [
"Інкапсуляція — це основний принцип ООП, що базується на написанні коду, який обмежує прямий доступ до даних.",
"У цьому проєкті ви відкриєте нові поняття, пов’язані з інкапсуляцією, серед яких гетери, сетери та спотворення імен, і використовуватимете їх разом з тим, що вже вивчили, щоб створити програму, яка обчислює траєкторію налітної частинки."
]
},
"learn-the-bisection-method-by-finding-the-square-root-of-a-number": {
"title": "Вивчіть метод бісекції, знайшовши квадратний корінь числа",
"intro": [
"Числові методи використовують для наближеного розв‘язку математичних задач, які важко або неможливо розв’язати аналітично.",
"У цьому проєкті ви дізнаєтесь про числовий метод бісекції, щоб знайти квадратний корінь числа, поступово звужуючи можливий діапазон його значень."
]
}
}
},
"data-analysis-with-python": {
"title": "Аналіз даних з Python",
"intro": [
"Аналіз даних існує вже давно. Але ще кілька років тому розробники практикували його за допомогою дорогих інструментів із закритим кодом, таких як Tableau. Але нещодавно Python, SQL та інші відкриті бібліотеки назавжди змінили аналіз даних.",
"У сертифікації «Аналіз даних з Python» ви дізнаєтесь про основи аналізу даних за допомогою Python. Наприкінці цієї сертифікації ви будете знати, як читати дані з таких джерел, як CSV та SQL, і як використовувати бібліотеки, такі як Numpy, Pandas, Matplotlib та Seaborn для обробки та візуалізації даних."
],
"note": "",
"blocks": {
"data-analysis-with-python-course": {
"title": "Аналіз даних з Python",
"intro": [
"У цих комплексних відеокурсах, створених Сантьяго Басульто, ви дізнаєтесь про весь процес аналізу даних. Ви будете зчитувати дані з різних джерел (CSV, SQL, Excel), обробляти ці дані за допомогою NumPy та Pandas і візуалізовувати їх за допомогою Matplotlib та Seaborn.",
"Крім того, ми включили детальний курс по Jupyter Notebook та короткий довідник з Python, щоб оновити ваші навички програмування."
]
},
"numpy": {
"title": "Numpy",
"intro": [
"Вивчіть основи бібліотеки NumPy у наступному відеокурсі, створеному Кейтом Галлі.",
"У цьому курсі ви дізнаєтесь, як працює NumPy і як він порівнюється із вбудованими списками Python. Ви також дізнаєтесь, як писати код з NumPy, індексувати, змінювати форму, застосовувати статистику та багато іншого."
]
},
"data-analysis-with-python-projects": {
"title": "Проєкти «Аналіз даних з Python»",
"intro": [
"Існує багато способів аналізу даних за допомогою Python. Завершивши ці проєкти, ви продемонструєте, що володієте хорошими фундаментальними знаннями аналізу даних, використовуючи Python.",
"Завершіть всі проєкти, щоб отримати сертифікацію «Аналіз даних з Python»."
]
}
}
},
"information-security": {
"title": "Інформаційна безпека",
"intro": [
"Завдяки всьому, що ми робимо в Інтернеті, величезна кількість конфіденційної інформації знаходиться в зоні ризику: електронні адреси, паролі, номери телефонів тощо.",
"Завдяки сертифікації «Інформаційна безпека» ви створите безпечний вебзастосунок за допомогою HelmetJS, щоб вивчити основи захисту інформації людей в Інтернеті.",
"Ви також створите TCP client, а ще Nmap і сканер портів у Python. Це допоможе вам вивчити основи тесту на проникнення — важливого компоненту надійної інформаційної безпеки."
],
"note": "",
"blocks": {
"information-security-with-helmetjs": {
"title": "Інформаційна безпека з HelmetJS",
"intro": [
"Цей курс програмування зосереджений на HelmetJS, типі проміжного програмного забезпечення для застосунків на основі Express, яке автоматично встановлює заголовки HTTP. Таким чином, він може запобігти випадковому передаванню конфіденційної інформації між сервером та клієнтом.",
"Завершення курсів допоможе вам зрозуміти, як захистити свій сайт від зловмисної поведінки."
]
},
"python-for-penetration-testing": {
"title": "Python для тесту на проникнення",
"intro": [
"Ці відеокурси навчать вас тесту на проникнення за допомогою Python. Також відомий як пен тест (pen test), тест на проникнення — це змодельована атака на систему задля перевірки на вразливі місця.",
"У цьому курсі ви дізнаєтеся про сокети, створите TCP сервер та клієнт, створите Nmap сканер і інші інструменти та техніки, які пен тестувальники використовують щоденно."
]
},
"information-security-projects": {
"title": "Проєкти «Інформаційна безпека»",
"intro": [
"Настав час перевірити ваші навички з інформаційної безпеки на практиці. Ці проєкти дадуть вам шанс застосувати всі набуті вміння, вивчені правила та поняття з інформаційної безпеки.",
"Коли ви закінчите, у вас буде достатньо проєктів з інформаційної безпеки за плечима, разом з сертифікацією, якою ви можете похизуватись перед друзям, сім’єю та роботодавцями."
]
}
}
},
"machine-learning-with-python": {
"title": "Машинне навчання з Python",
"intro": [
"Машинне навчання має багато практичних застосунків, які ви можете використовувати у своїх проєктах чи роботі.",
"У сертифікації «Машинне навчання з Python» ви використовуватимете фреймворк TensorFlow, аби створити декілька нейронних мереж і вивчити складніші техніки, серед яких обробка природної мови й навчання з підкріпленням.",
"Також ви зануритеся у нейронні мережі та вивчите правила, за якими працюють глибокі, рекурентні та згорткові нейронні мережі."
],
"note": "",
"blocks": {
"tensorflow": {
"title": "TensorFlow",
"intro": [
"Tensorflow — це фреймворк з відкритим вихідним кодом, що полегшує використання машинного навчання та нейронних мереж.",
"Наступний відеокурс був створений Тімом Рущіцею, також відомим як «Tech With Tim». Він допоможе зрозуміти TensorFlow і деякі з його потужних можливостей."
]
},
"how-neural-networks-work": {
"title": "Як працюють нейронні мережі",
"intro": [
"Нейронні мережі лежать в основі того, що ми зараз називаємо штучним інтелектом. Але їх, як правило, складно зрозуміти. Особливо початківцям у галузі машинного навчання.",
"Навіть якщо ви вперше зіштовхуєтеся з нейронними мережами, ці відеокурси Брендона Рорера навчать вас орієнтуватися у їхніх поняттях та підрахунках."
]
},
"machine-learning-with-python-projects": {
"title": "Проєкти «Машинне навчання з Python»",
"intro": [
"Машинне навчання може бути дуже корисним. Завершивши ці безоплатні складні проєкти з програмування, ви покажете, що маєте базові знання з машинного навчання й отримаєте сертифікацію «Машинне навчання з Python»."
]
}
}
},
"college-algebra-with-python": {
"title": "Алгебра з Python",
"intro": [
"Цей курс розроблений як односеместровий курс коледжу. Він складається з навчальних відео та блокнотів Google Colaboratory, за якими потрібно слідкувати протягом інтерактивів, завдань та проєктів.",
"Під час проходження кожної частини курсу ви повністю зрозумієте алгебру та навчитесь писати код Python, який розв’язуватиме приклади.",
"Протягом курсу ви також побудуєте блокнот Algebra Colab, який зможете використовувати як власний калькулятор. Цей курс (та код, який ви напишете) надасть вам основу, щоб краще зрозуміти математику та науку про дані."
],
"note": "",
"blocks": {
"learn-ratios-and-proportions": {
"title": "Вивчіть співвідношення та пропорції",
"intro": [
"Тут починається ваша подорож. Ви дізнаєтесь, як налаштувати Colab Notebook, який може запускати код Python. Потім ви використовуватимете блокнот, щоб за допомогою відео вивчити співвідношення та пропорції з Python."
]
},
"learn-how-to-solve-for-x": {
"title": "Вивчіть, як знайти Х",
"intro": [
"Ця тема фокусуватиметься на знаходженні невідомого числа (часто називається «х»), використовуючи алгебраїчні вирази та код Python."
]
},
"learn-fractions-and-decimals": {
"title": "Вивчіть дроби та десяткові числа",
"intro": [
"Ця тема зосереджуватиметься на перетворенні десяткових чисел у дроби та відсотки."
]
},
"learn-functions-and-graphing": {
"title": "Вивчіть функції та графіки",
"intro": ["Ця тема навчить вас математичних функцій."]
},
"learn-linear-functions": {
"title": "Вивчіть лінійні функції",
"intro": [
"Ця тема покаже, як знайти рівняння прямої, що проходить через дві задані точки."
]
},
"learn-common-factors-and-square-roots": {
"title": "Вивчіть спільні множники та квадратні корені",
"intro": [
"У цій темі ви навчитесь знаходити спільні множники та скорочувати їх. Це буде корисно при спрощенні дробів та розкладанні квадратних коренів."
]
},
"build-a-multi-function-calculator-project": {
"title": "Багатофункціональний калькулятор",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви побудуєте багатофункціональний калькулятор."
]
},
"learn-how-to-graph-systems-of-equations": {
"title": "Вивчіть, як побудувати графік системи рівнянь",
"intro": [
"Ця тема фокусуватиметься на побудові графіку з двома рівняннями на одній координатній площині, де можна побачити перетин ліній."
]
},
"learn-how-to-solve-systems-of-equations": {
"title": "Вивчіть, як розв’язувати системи рівнянь",
"intro": [
"У цій темі ви навчитесь розв’язувати систему з двох рівнянь (з двома змінними) без графіка. Ви побачите, як можна розкласти рівняння та розв’язати задану змінну в Python. Після цього ви зможете розв’язувати та будувати графік системи за допомогою одного блоку коду."
]
},
"learn-applications-of-linear-systems": {
"title": "Дізнайтесь про прикладне застосування лінійних систем",
"intro": [
"У цій темі ви побачите, як можна використовувати вивчену алгебру для розв’язку завдань, пов’язаних з реальним світом."
]
},
"learn-quadratic-equations": {
"title": "Вивчіть квадратні рівняння",
"intro": [
"Ця тема виходить за межі лінійних рівнянь і зосереджується на піднесенні до степеня та побудові параболи. Ви навчитеся знаходити ключові точки на параболах і розв’язувати квадратні рівняння."
]
},
"build-a-graphing-calculator-project": {
"title": "Графічний калькулятор",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви побудуєте графічний калькулятор."
]
},
"learn-parent-graphs-and-polynomials": {
"title": "Вивчіть батьківські графіки та многочлени",
"intro": [
"Ця тема покаже багато різних видів «батьківських» графіків, тобто базових шаблонів, з яких створюються складніші графіки. Многочлени — це математичні вирази з декількома елементами, тобто складнішими членами. Ви побачите, як ці графіки виглядають, як їх змінити та як зробити це за допомогою Python."
]
},
"build-three-math-games-project": {
"title": "Три математичні ігри",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви побудуєте три математичні ігри."
]
},
"learn-business-applications-of-college-algebra": {
"title": "Дізнайтесь про прикладне застосування алгебри у бізнесі",
"intro": [
"Ця тема покаже, як застосувати навички розв’язання та побудови графіків, щоб знайти витрати, дохід та прибуток. Ви напишете код, який створюватиме криву попиту з двох точок. Ви побачите, як ціна впливає на графік прибутку і те, як взаємодіють усі рівняння."
]
},
"learn-simple-and-compound-interest": {
"title": "Вивчіть прості та складні відсотки",
"intro": [
"Ця тема покаже, як розрахувати відсотки, сплату позики та прогнозний розрахунок інвестицій. Ви побачите математичні формули та перетворите їх у код. Оскільки ці формули зазвичай складні, корисно мати код і лише змінювати значення."
]
},
"learn-exponents-and-logarithms": {
"title": "Вивчіть піднесення до степеня та логарифми",
"intro": [
"Ця тема покаже, що піднесення до степеня та логарифми є оберненими функціями, які можна використовувати для різного застосування."
]
},
"build-a-financial-calculator-project": {
"title": "Фінансовий калькулятор",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви побудуєте фінансовий калькулятор."
]
},
"college-algebra-with-python-conclusion": {
"title": "Алгебра з Python: висновок",
"intro": [
"Це остання тема даного курсу. Поглянемо, як ви можете поєднати знання з математики та Python із зовнішніми даними."
]
},
"build-a-data-graph-explorer-project": {
"title": "Дослідник графіку даних",
"intro": [
"Цей проєкт потрібно виконати, щоб отримати сертифікацію.",
"У цьому проєкті ви побудуєте дослідник графіку даних."
]
}
}
},
"python-for-everybody": {
"title": "Python для всіх (застаріла версія)",
"intro": [
"Python — одна з найпопулярніших гнучких мов програмування на сьогодні. Ви можете використовувати її для всього: від базових скриптів до машинного навчання."
],
"note": "",
"blocks": {
"python-for-everybody": {
"title": "Python для всіх",
"intro": [
"Python для всіх — це безоплатна серія відеокурсів, яка вчить основам використання Python 3.",
"Курси були створені Чарльзом Северансом (також відомим як Dr. Chuck). Він є професором школи інформації університету Мічигану, де викладає різні технологічні курси, включно з програмуванням, дизайном баз даних та веброзробкою."
]
}
}
},
"coding-interview-prep": {
"title": "Підготовка до співбесіди з програмування",
"intro": [
"Шукаєте безоплатні вправи з програмування, щоб підготуватися до наступної співбесіди? Ми про це подбали.",
"Цей розділ містить завдання з програмування, які перевіряють ваші знання алгоритмів, структур даних і математики. Тут також є декілька проєктів, які ви можете використати для зміцнення навичок або просто додати їх до свого портфоліо.",
"Тут містяться матеріали з <a href=\"https://www.wikipedia.org/\" target=\"_blank\">вікіпедії</a>, які дозволені ліцензією <a href=\"https://creativecommons.org/licenses/by-sa/4.0/\" target=\"_blank\">Creative Commons Attribution-ShareAlike License 4.0</a>. Оригінальний вміст міг бути змінений та адаптований. Для перегляду оригінальної версії та інших деталей відвідайте оригінальну сторінку на <a href=\"https://www.wikipedia.org/\" target\"_blank\">вікіпедії</a>."
],
"blocks": {
"algorithms": {
"title": "Алгоритми",
"intro": [
"Ці безоплатні вправи з програмування навчать вас загальних алгоритмів, з якими ви скоріш за все зіткнетеся в житті. Це чудова можливість вдосконалити як логіку, так і програмувальні навички.",
"Подібні алгоритми часто використовують на співбесідах, щоб перевірити навички кандидатів. Ми чітко пояснимо, як саме функціонують різноманітні алгоритми, щоб ви могли підібрати рішення до кожного.",
"ПРИМІТКА: ці завдання підтримують розв’язок лише на JavaScript."
]
},
"data-structures": {
"title": "Структура даних",
"intro": [
"Ці безплатні курси програмування спрямовані на те, щоб допомогти вам у роботі з численними структурами даних, з якими ви ще не стикалися.",
"Під час роботи з цими курсами, ви вивчите кожний тип структур даних та реалізуєте алгоритми, щоб зрозуміти їх краще.",
"ПРИМІТКА: ці завдання підтримують розв’язок лише на JavaScript."
]
},
"take-home-projects": {
"title": "Проєкти на самостійне опрацювання",
"intro": [
"Люди завжди нервують на співбесідах з програмування. Іноді, замість інтерв’ю, кандидатам можуть запропонувати створити проєкт вдома. Співбесіди такого типу часто передбачають виконання великого обсягу роботи, однак якнайкраще показують роботодавцям ваші здібності.",
"Попрактикуйтеся створювати запропоновані нами проєкти. Не поспішайте, добре над ними попрацюйте та додайте до свого резюме чи портфоліо, щоб вразити потенційних роботодавців."
]
}
}
},
"the-odin-project": {
"title": "Проєкт «Odin»: версія freeCodeCamp",
"intro": [
"Проєкт «Odin» був створений розробником Еріком Траутманом у 2013 році. Протягом років з’явилася відкрита спільнота, яка доглядає за проєктом та розширює його.",
"freeCodeCamp розширив відкриту навчальну програму, щоб зробити її інтерактивною у браузері. Проєкт міститиме тести, щоб оцінити ваш код та переконатись, що ви зрозуміли основні поняття.",
"Якщо ви хочете отримати оригінальний досвід налаштування проєкту на локальному комп’ютері, див. першоджерело проєкту на <a href='https://www.theodinproject.com/' target='_blank' rel='noopener noreferrer nofollow'>The Odin Project</a>. Велика подяка спільноті проєкту «Odin» за підтримку цього цінного навчального ресурсу для розробників з усього світу.",
"Цей курс неофіційний та не підтримується The Odin Project. До навчальної програми проєкту було внесено зміни, а весь навчальний матеріал курсу підлягає ліцензуванню <a href='https://creativecommons.org/licenses/by-nc-sa/4.0/' target='_blank' rel='noopener noreferrer nofollow'>CC-BY-SA-NC 4.0</a>",
"<a href='https://creativecommons.org/licenses/by-nc-sa/4.0/deed' target='_blank' rel='noopener noreferrer nofollow'>&copy; Проєкт «Odin»</a>",
"Цей курс містить матеріал з <a href='https://javascript.info/' target='_blank' rel='noopener noreferrer nofollow'>JavaScript.info</a>, що підлягає ліцензуванню <a href='https://creativecommons.org/licenses/by-nc-sa/4.0/' target='_blank' rel='noopener noreferrer nofollow'>CC-BY-NC-SA 4.0</a>."
],
"blocks": {
"top-learn-html-foundations": {
"title": "Вивчіть основи HTML",
"intro": [
"Вивчіть основи HTML за допомогою цього курсу. Від структурування вебсторінок до розуміння семантичних тегів, ви побудуєте міцну основу для створення організованого та доступного контенту в мережі."
]
},
"top-working-with-text": {
"title": "Робота з текстом",
"intro": [
"Дізнайтесь про складнощі роботи з текстом у веброзробці. Вивчіть форматування, маніпулювання та презентацію тексту, щоб покращити свої навички у створенні вебконтенту."
]
},
"top-links-and-images": {
"title": "Посилання та зображення",
"intro": [
"Дізнайтеся, як використовувати посилання та зображення у вебпроєктах. Цей курс охоплює основи створення посилань та вбудовування зображень, щоб зробити вебсайт більш інтерактивним та візуально привабливим."
]
},
"top-build-a-recipe-project": {
"title": "Вивчіть основи HTML, побудувавши сторінку з рецептами",
"intro": [
"Використайте свої навички HTML, створивши сторінку з рецептами. Цей практичний проєкт дозволяє застосувати отримані знання та створити функціональну вебсторінку, закріпивши ключові поняття розробки HTML."
]
},
"top-learn-css-foundations": {
"title": "Вивчіть основи CSS",
"intro": [
"Зануртеся у світ каскадних таблиць стилів (CSS) та дізнайтесь, як стилізувати елементи HTML. Вивчіть властивості стилізації, селектори та макети, щоб оживити вебсторінки."
]
},
"top-learn-css-foundations-projects": {
"title": "Проєкти «Вивчіть основи CSS»",
"intro": [
"Розвиньте свої навички CSS, працюючи над практичними проєктами. Цей курс надає практичний досвід застосування CSS для створення адаптивних дизайнів для реальних сценаріїв."
]
},
"top-learn-css-specificity": {
"title": "Вивчіть специфічність CSS",
"intro": [
"Дослідіть специфічність CSS та отримайте краще розуміння того, як застосовувати стилі до елементів HTML. Цей курс навчає правил CSS, що допоможе написати ефективні та націлені стилі для вебсторінок."
]
},
"top-the-box-model": {
"title": "Вивчіть блокову модель",
"intro": [
"Вивчіть блокову модель CSS завдяки цьому курсу. Дізнайтесь, як відтворюються елементи, та навчіться маніпулювати простором, кордонами та відступами, щоб досягти бажаного макету та дизайну."
]
},
"top-introduction-to-flexbox": {
"title": "Вступ до Flexbox",
"intro": [
"Відкрийте для себе потужність Flexbox — моделі макету, яка спрощує проєктування гнучких та адаптивних вебмакетів. Навчіться створювати динамічні та адаптивні структури сторінок з легкістю."
]
},
"top-learn-block-and-inline": {
"title": "Вивчіть блокові та рядкові елементи",
"intro": [
"Дослідіть відмінності між блоковими та рядковими елементами в HTML та CSS. Цей курс надасть уявлення про те, як такі відтворення впливають на макет та поведінку, що дозволить вам приймати обґрунтовані рішення у дизайні."
]
},
"top-learn-variables-and-operators": {
"title": "Вивчіть змінні та оператори",
"intro": [
"Почніть знайомство з JavaScript зі змінних та операторів. Цей курс охоплює основи програмування на JavaScript, включно з типами даних, операторами та оголошенням змінних."
]
},
"top-learn-data-types-and-conditionals": {
"title": "Вивчіть типи даних та умови",
"intro": [
"Дізнайтесь про типи даних та умовні інструкції в JavaScript."
]
},
"top-learn-function-basics": {
"title": "Вивчіть основи функцій",
"intro": ["Дізнайтесь про функції в JavaScript."]
},
"top-basic-function-projects": {
"title": "Проєкти «Базові функції»",
"intro": [
"Випробуйте свої навички по JavaScript, побудувавши базові функції."
]
},
"top-learn-arrays-and-loops": {
"title": "Вивчіть масиви та цикли",
"intro": ["Дізнайтесь про масиви та цикли в JavaScript."]
},
"top-learn-to-solve-problems-and-understand-errors": {
"title": "Навчіться розв’язувати проблеми та розуміти помилки",
"intro": [
"Дізнайтесь, як розв’язувати проблеми та розуміти помилки в JavaScript."
]
},
"top-build-a-rock-paper-scissors-game": {
"title": "Створіть гру «Камінь-ножиці-папір»",
"intro": [
"Випробуйте свої навички по JavaScript, побудувавши гру «Камінь-ножиці-папір»."
]
}
}
},
"project-euler": {
"title": "Проєкт Ейлера",
"intro": [
"Виконайте завдання з програмування з архівів проєкту Ейлера. Вони удосконалять ваші алгоритмічні та математичні знання.",
"Тут є завдання різної складності, а для багатьох здобуття досвіду полягає в індуктивному методі навчання. Тобто вирішення одного завдання прояснить нову концепцію та дозволить вирішити раніше незрозуміле завдання. Чи під силу вам вирішити кожне?"
],
"blocks": {
"project-euler-problems-1-to-100": {
"title": "Проєкт Ейлера. Завдання 1-100",
"intro": [
"У першому наборі завдань ви використовуватимете послідовність Фібоначчі, теорему про розподіл простих чисел та комбінаторику, щоб написати алгоритми для розв’язку завдань.",
"ПРИМІТКА: ці завдання підтримують розв’язок лише на JavaScript."
]
},
"project-euler-problems-101-to-200": {
"title": "Проєкт Ейлера. Завдання 101-200",
"intro": [
"У цьому наборі завдань ви закріпите знання з першої частини курсу та використовуватимете обчислення вектора, трикутник Паскаля й алгоритм RSA, щоб розв’язати завдання.",
"ПРИМІТКА: ці завдання підтримують розв’язок лише на JavaScript."
]
},
"project-euler-problems-201-to-300": {
"title": "Проєкт Ейлера. Завдання 201-300",
"intro": [
"У цьому наборі завдань ви продовжите розвивати навички з попередніх завдань та використовуватимете біном Ньютона, числа Гемінґа й послідовність Коллатца.",
"ПРИМІТКА: ці завдання підтримують розв’язок лише на JavaScript."
]
},
"project-euler-problems-301-to-400": {
"title": "Проєкт Ейлера. Завдання 301-400",
"intro": [
"Тут ви продовжите працювати над своїми навичками, використовуючи комбінаторну теорію ігор, бітові операції та послідовність Ґоломба.",
"ПРИМІТКА: ці завдання підтримують розв’язок лише на JavaScript."
]
},
"project-euler-problems-401-to-480": {
"title": "Проєкт Ейлера. Завдання 401-480",
"intro": [
"У кінцевому наборі завдань ви підкреслите свої знання та використовуватимете унітарні дільники, програму Капрекара та багато іншого, щоб розв’язати складні завдання.",
"ПРИМІТКА: ці завдання підтримують розв’язок лише на JavaScript."
]
}
}
},
"foundational-c-sharp-with-microsoft": {
"title": "Безоплатна сертифікація «Основи C# з Microsoft»",
"intro": [
"Цей курс пропонує всебічне знайомство з мовою програмування C#, розглядаючи основні поняття, синтаксис та практичне застосування у розробці програмного забезпечення.",
"Завдяки практичним вправам та проєктам ви вивчите основи C#, включно зі змінними, типами даних, структурами керування та принципами об’єктноорієнтованого програмування.",
"Після завершення курсу ви отримаєте практичні навички та знання, необхідні для впевненого використання C# при побудові застосунків."
],
"note": "Кожен розділ має трофей, пов’язаний з розділом, та який ви маєте отримати на навчальній платформі Microsoft. Після здобуття кожного трофею, їх потрібно підтвердити на freeCodeCamp. Після цього ви зможете скласти екзамен з сертифікації.",
"blocks": {
"write-your-first-code-using-c-sharp": {
"title": "Написання першого коду за допомогою C#",
"intro": [
"Розпочніть подорож із написання коду на C#. Завдяки основам та синтаксису мови ви отримаєте хорошу базу, створивши підґрунтя для своїх пригод з програмування."
]
},
"create-and-run-simple-c-sharp-console-applications": {
"title": "Створення та запуск простих консольних застосунків C#",
"intro": [
"Опануйте мистецтво створення та запуску звичайних консольних застосунків C#. Пориньте у світ консольного програмування, де ви отримаєте практичний досвід та побачите свій код у дії."
]
},
"add-logic-to-c-sharp-console-applications": {
"title": "Додавання логіки до консольних застосунків C#",
"intro": [
"Розблокуйте потужність логіки у консольних застосунках C#. Дізнайтесь, як додати логіку та прийняття рішень до свого коду, що дозволить застосункам робити динамічний вибір та реагувати на різні сценарії."
]
},
"work-with-variable-data-in-c-sharp-console-applications": {
"title": "Робота з даними змінних в консольних застосунках C#",
"intro": [
"Дізнайтесь більше про дані змінних у консольних застосунках C#. Приборкайте можливість зберігати та маніпулювати різними типами даних, серед яких числа й текст, ознайомившись з основними поняттями змінних та обробки даних."
]
},
"create-methods-in-c-sharp-console-applications": {
"title": "Створення методів в консольних застосунках C#",
"intro": [
"Перенесіть власні консольні застосунки C# на новий рівень, опанувавши мистецтво створення методів. Дізнайтесь, як організувати та модуляризувати свій код, зробивши його слухнянішим та ефективнішим."
]
},
"debug-c-sharp-console-applications": {
"title": "Налагодження консольних застосунків C#",
"intro": [
"Вдоскональте свої навички з усунення неполадок у консольних застосунках C#. Отримайте можливість визначити та розв’язати проблеми у своєму коді, забезпечуючи безперебійну роботу програм та бажані результати."
]
},
"foundational-c-sharp-with-microsoft-certification-exam": {
"title": "Екзамен з сертифікації «Основи C# з Microsoft»",
"intro": [
"Використайте набуті знання, щоб скласти екзамен та отримати сертифікацію «Основи C# з Microsoft»"
]
}
}
},
"a2-english-for-developers": {
"title": "Сертифікація «Англійська мова A2 для розробників» (бета)",
"intro": [
"У цьому курсі з вивчення англійської мови для розробників ви опануєте основи англійської комунікації. Курс створено відповідно до загальноєвропейських рекомендацій з мовної освіти рівня A2 (CEFR). Ми зосередилися на словниковому запасі, що є особливо корисним для розробників.",
"Перша частина допоможе освоїти граматику та використання англійської мови. Ви виконаєте багато практичних вправ, дізнавшись основи (наприклад, представлення себе, проведення коротких розмов і обговорення роботи).",
"У другій частині ви практикуватимете словниковий запас, специфічний для розробки програмного забезпечення. Ви навчитеся описувати код, обговорювати технологічні тенденції та брати участь у зустрічах.",
"Весь курс рівня A2 складається з 105 різних діалогів. Кожен з них створений для того, щоб розширити ваш словниковий запас та підвищити впевненість під час спілкування в професійному середовищі."
],
"blocks": {
"learn-greetings-in-your-first-day-at-the-office": {
"title": "Дізнайтесь про привітання в офісі першого робочого дня",
"intro": [
"У цьому курсі ви навчитеся поширених висловів для ситуацій, з якими можете зіткнутись у перший робочий день. Ви дізнаєтесь про представлення, знайомство з іншими людьми, спілкування під час перерви та отримання картки доступу."
]
},
"learn-introductions-in-an-online-team-meeting": {
"title": "Дізнайтесь про знайомство на онлайн-зустрічі",
"intro": [
"У цьому курсі ви навчитеся представляти себе, а також вказувати свою професію та ділитися цілями на групових зустрічах."
]
},
"learn-conversation-starters-in-the-break-room": {
"title": "Дізнайтесь про початок розмови в кімнаті відпочинку",
"intro": [
"У цьому курсі ви навчитеся розпочинати розмову в неформальних обставинах. Ви також дізнаєтеся, як говорити про свої хобі та особисті риси, і навіть навчитеся запитувати про місця у місті."
]
},
"learn-how-to-talk-about-a-typical-workday-and-tasks": {
"title": "Дізнайтесь, як говорити про типовий робочий день та завдання",
"intro": [
"У цьому курсі ви навчитесь розповідати про свій робочий день і завдання, які виконуєте на роботі, а також як ділитися ними з іншими. Основний акцент зроблено на структурах, які використовують для опису діяльності, а також на словниковому запасі, пов’язаному з завданнями."
]
},
"learn-how-to-discuss-your-morning-or-evening-routine": {
"title": "Дізнайтесь, як обговорювати ранкову або вечірню рутину",
"intro": [
"У цьому курсі ви навчитесь розповідати про свою щоденну рутину та ділитися нею з іншими. Основний акцент зроблено на структурах, які використовують для опису рутини, а також на словниковому запасі, пов’язаному з щоденними завданнями."
]
},
"learn-how-to-describe-your-current-project": {
"title": "Дізнайтесь, як описувати поточний проєкт",
"intro": [
"У цьому курсі ви навчитесь розповідати про проєкти, в яких ви берете участь, та як інформувати інших про свою участь. Основний акцент зроблено на структурах, які використовують для інформування, а також на пов’язаному словниковому запасі."
]
},
"learn-how-to-ask-and-share-about-educational-and-professional-background": {
"title": "Дізнайтесь, як запитувати та розповідати про освіту і досвід роботи",
"intro": [
"У цьому курсі ви дізнаєтесь, як запитувати про освіту та досвід роботи іншої людини, а також навчитесь ділитися інформацією про власний досвід."
]
},
"learn-how-to-talk-about-hobbies-and-interests": {
"title": "Дізнайтесь, як говорити про хобі та захоплення",
"intro": [
"У цьому курсі ви навчитесь говорити про хобі та речі, які вас цікавлять. Ви також дізнаєтесь, як запитувати про захоплення інших людей та як запропонувати їм скласти компанію."
]
},
"learn-how-to-discuss-roles-and-responsibilities": {
"title": "Learn How to Discuss Roles and Responsibilities",
"intro": [
"In this course, you'll discuss people's roles and responsibilities in a company and out of it. You'll discover how to ask about these roles and responsibilities and how to share information about you related to the topic."
]
},
"learn-how-to-have-a-conversation-about-preferences-and-motivations": {
"title": "Дізнайтесь, як говорити про вподобання та вмотивованість",
"intro": [
"У цьому курсі ви дізнаєтесь, як запитувати про мотивацію в особистому і професійному житті, як відповідати на такі запитання та як обговорювати вподобання."
]
},
"learn-how-to-discuss-popular-trends-in-technology": {
"title": "Дізнайтесь, як обговорювати технологічні тренди",
"intro": [
"У цьому курсі ви навчитеся обговорювати технології, про які зараз всі говорять."
]
},
"learn-how-to-clarify-information-in-different-interactions": {
"title": "Дізнайтесь, як уточнити інформацію в різних ситуаціях",
"intro": [
"У цьому курсі ви навчитеся перевіряти інформацію та правильно просити уточнення, якщо щось не зрозуміло."
]
},
"learn-how-to-use-basic-programming-vocabulary-in-conversations": {
"title": "Дізнайтесь, як використовувати базові слова з програмування",
"intro": [
"Цей курс ознайомить вас з основною термінологією, пов’язаною з програмуванням. Ви навчитесь ставити запитання щодо основних понять програмування."
]
},
"learn-how-to-use-code-related-concepts-and-terms": {
"title": "Дізнайтесь, як використовувати поняття та терміни з програмування",
"intro": [
"У цьому курсі ви ознайомитесь з термінами, пов’язаними з програмуванням, і навчитесь використовувати їх у розмові."
]
},
"learn-how-to-discuss-tech-trends-and-updates": {
"title": "Дізнайтесь, як обговорювати технологічні тренди та оновлення",
"intro": [
"У цьому курсі ви ознайомитесь з деякими останніми трендами у світі технологій і навчитесь обговорювати їх англійською мовою."
]
},
"learn-how-to-help-a-coworker-troubleshoot-on-github": {
"title": "Дізнайтесь, як допомогти колезі розв’язати проблему на GitHub",
"intro": [
"У цьому курсі ви вивчите вирази, пов’язані із проханням про допомогу у колеги, а також тим, як запропонувати свою допомогу."
]
},
"learn-how-to-share-your-progress-in-weekly-stand-up-meetings": {
"title": "Дізнайтесь, як ділитись своїм прогресом на щотижневій зустрічі",
"intro": [
"Цей курс покаже, як говорити про свої проєкти в контексті того, що ви вже зробили та що виконуєте зараз."
]
},
"learn-how-to-ask-for-clarification-on-code-understanding": {
"title": "Дізнайтесь, як просити роз’яснення коду",
"intro": [
"У цьому курсі ви дізнаєтесь, як ставити запитання, щоб уточнити те, що не зовсім зрозуміле у коді."
]
},
"learn-how-to-document-code-for-a-project": {
"title": "Дізнайтесь, як документувати код проєкту",
"intro": [
"Цей курс ознайомить вас з виразами, пов’язаними із документацією коду."
]
},
"learn-how-to-read-and-understand-code-documentation": {
"title": "Дізнайтесь, як читати та розуміти документацію",
"intro": [
"У цьому курсі ще більше виразів, пов’язаних із документацією коду, а також декілька порад, як розуміти його."
]
},
"learn-how-to-analyze-code-documentation": {
"title": "Дізнайтесь, як аналізувати документацію",
"intro": [
"У цьому курсі ви дізнаєтесь, як правильно читати документацію та аналізувати її."
]
},
"learn-how-to-share-progress-and-accomplishments": {
"title": "Дізнайтесь, як ділитись прогресом та досягненнями",
"intro": [
"У цьому курсі ви навчитесь ділитись прогресом та досягненнями зі своїми колегами."
]
},
"learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects": {
"title": "Дізнайтесь, як говорити про оновлення та плани щодо завдань і проєктів",
"intro": [
"У цьому курсі ви дізнаєтесь, як говорити про останні досягнення проєктів та про свої плани."
]
},
"learn-how-to-express-agreement-or-disagreement": {
"title": "Дізнайтесь, як погоджуватись та не погоджуватись",
"intro": [
"Цей курс навчить, як погоджуватись та не погоджуватись з твердженнями інших."
]
},
"learn-how-to-offer-technical-support-and-guidance": {
"title": "Дізнайтесь, як надавати технічну підтримку та супровід",
"intro": [
"У цьому курсі ви дізнаєтесь, як пропонувати свою допомогу по технічних питаннях."
]
},
"learn-how-to-request-and-receive-guidance": {
"title": "Дізнайтесь, як запитувати та отримувати супровід",
"intro": [
"Цей курс роз’яснить, як просити допомоги від колеги, коли це потрібно."
]
},
"learn-how-to-provide-explanations-when-helping-others": {
"title": "Дізнайтесь, як надавати пояснення при допомозі іншим",
"intro": [
"Цей курс ознайомить з тим, як правильно надавати пояснення іншим людям."
]
},
"a2-english-for-developers-certification-exam": {
"title": "Екзамен з сертифікації «Англійська мова A2 для розробників»",
"intro": [
"Це обов’язковий екзамен, щоб отримати сертифікацію «Англійська мова A2 для розробників»."
]
}
}
},
"b1-english-for-developers": {
"title": "Сертифікація «Англійська мова B1 для розробників» (бета)",
"intro": [
"У цьому курсі з вивчення англійської мови для розробників ви опануєте основи англійської комунікації. Курс створено відповідно до загальноєвропейських рекомендацій з мовної освіти рівня B1 (CEFR). Ми зосередилися на словниковому запасі, що є особливо корисним для розробників.",
"Курс допоможе зміцнити базові знання, одночасно ознайомлюючи із більш складною граматикою та використанням. Ви навчитесь описувати місця та речі, ділитися досвідом і впевнено використовувати часи, серед яких теперішній доконаний та простий майбутній. А також отримаєте практичні поради: як вести розмову, ділитись думкою та висловлювати згоду чи незгоду.",
"Основний фокус на застосуванні цих навичок у професійній та технологічній галузях. Ви будете практикувати словниковий запас і фрази, важливі для розробників: як описувати код, брати участь у зустрічах і обговорювати технологічні тенденції. До складніших тем належать умовні речення, порівняльні конструкції та підтримка розмови, щоб підготувати вас до реальних взаємодій у технологічній індустрії.",
"Весь курс рівня B1 складається з 73 різних діалогів. Кожен з них створений для того, щоб розширити ваш словниковий запас та підвищити впевненість під час спілкування в професійному середовищі."
],
"blocks": {
"learn-how-to-describe-places-and-events": {
"title": "Дізнайтесь, як описувати місця і події",
"intro": ["У цьому курсі ви навчитеся говорити про місця та події."]
},
"learn-how-to-talk-about-past-experiences": {
"title": "Дізнайтесь, як говорити про досвід",
"intro": ["У цьому курсі ви навчитеся ділитись власним досвідом."]
},
"learn-how-to-talk-about-past-activities": {
"title": "Дізнайтесь, як говорити про дії з минулого",
"intro": ["У цьому курсі ви навчитеся говорити про речі, які зробили."]
},
"learn-present-perfect-while-talking-about-accessibility": {
"title": "Дізнайтесь про теперішній доконаний час, говорячи про доступність",
"intro": [
"У цьому курсі ви навчитеся використовувати теперішній доконаний час і трішки дізнаєтесь про доступність."
]
},
"learn-how-to-plan-future-events": {
"title": "Дізнайтесь, як планувати майбутні події",
"intro": [
"У цьому курсі ви навчитеся використовувати майбутній час, щоб планувати різні події."
]
},
"learn-future-continuous-while-describing-actions": {
"title": "Дізнайтесь про майбутній тривалий час, описуючи дії",
"intro": [
"У цьому курсі ви навчитеся використовувати майбутній тривалий час та описувати дії, які будуть виконані."
]
},
"learn-how-to-use-conditionals": {
"title": "Дізнайтесь, як використовувати умовні речення",
"intro": [
"У цьому курсі ви навчитесь використовувати умовні речення, щоб описувати уявні ситуації, які залежать від певних умов."
]
},
"learn-how-to-share-feedback": {
"title": "Дізнайтесь, як ділитись фідбеком",
"intro": [
"У цьому курсі ви дізнаєтесь, як ділитись зворотним зв’язком щодо роботи, підкреслюючи сильні сторони і моменти для покращення."
]
},
"learn-how-to-share-your-opinion": {
"title": "Дізнайтесь, як ділитись своєю думкою",
"intro": [
"У цьому курсі ви дізнаєтесь, як ділитись своїми ідеями і емоціями під час дискусії."
]
},
"learn-how-to-express-agreement": {
"title": "Дізнайтесь, як виражати згоду",
"intro": [
"У цьому курсі ви навчитесь виражати згоду в будь-якій ситуації на роботі."
]
},
"learn-how-to-express-disagreement": {
"title": "Дізнайтесь, як виражати незгоду",
"intro": [
"У цьому курсі ви навчитесь виражати незгоду в будь-якій ситуації на роботі."
]
},
"learn-how-to-express-concerns": {
"title": "Дізнайтесь, як виражати занепокоєння",
"intro": [
"У цьому курсі ви навчитеся ділитись переживаннями щодо своїх проєктів і завдань."
]
},
"learn-how-to-express-decisions-based-on-comparisons": {
"title": "Дізнайтесь, як виражати вибір на основі порівняння",
"intro": [
"У цьому курсі ви дізнаєтесь, як порівнювати інструменти або компанії за допомогою таких слів, як better, faster та the best. Також ви практикуватимете дружні розмови, де висловлюють думку та приймають рішення."
]
},
"learn-how-to-use-modal-verbs": {
"title": "Дізнайтесь, як використовувати модальні дієслова",
"intro": [
"У цьому курсі ви навчитесь говорити про правила, а також описувати необхідні дії та можливий розвиток подій. Ви також попрактикуєтесь ставити запитання, чітко відповідати на них та надавати корисні деталі до своїх ідей."
]
},
"learn-how-to-manage-a-conversation": {
"title": "Дізнайтесь, як керувати бесідою",
"intro": [
"У цьому курсі ви дізнаєтесь, як керувати розмовою на роботі (наприклад, як продовжити розмову після перерви, ввічливо змінити тему або перервати за необхідності). Ви також попрактикуєте корисні вирази, які роблять розмову чіткою, дружньою та структурованою."
]
},
"learn-how-to-clarify-misunderstandings": {
"title": "Дізнайтесь, як уточнити непорозуміння",
"intro": [
"У цьому курсі ви дізнаєтесь, як запитувати й давати пояснення, коли щось не зрозуміло, завдяки ввічливим запитанням та корисним відповідям. Ви також вгадуватимете значення нових слів, описуватимете проблеми та виправлятимете непорозуміння в дружній і професійній манері."
]
},
"learn-about-speculation-and-requests": {
"title": "Дізнайтесь про припущення та запити",
"intro": [
"У цьому курсі ви дізнаєтесь, як говорити про події, які мали або могли трапитися в минулому, а також як ділитись пропозиціями і робити ввічливі запити. Ви також будете використовувати вирази, які допомагають дізнатись причину проблеми і розв’язати її."
]
},
"learn-about-adverbial-phrases": {
"title": "Дізнайтесь про прислівникові звороти",
"intro": [
"У цьому курсі ви дізнаєтесь, як використовувати вирази, що дають більше інформації про те, коли, де, як часто або наскільки щось відбувається. Ви також будете використовувати ці вирази для опису завдань, обговорення планів та пояснення результатів у щоденній роботі."
]
},
"learn-how-to-use-adjectives-in-conversations": {
"title": "Дізнайтесь, як використовувати прикметники",
"intro": [
"У цьому курсі ви навчитесь використовувати прикметники, щоб чітко описувати речі, порівнювати можливі варіанти та підкреслювати важливі деталі. Ви також дізнаєтесь, як зробити свої ідеї сильнішими та більш переконливими."
]
},
"learn-determiners-and-advanced-use-of-articles": {
"title": "Дізнайтесь про означальні слова та поглиблене використання артиклів",
"intro": [
"У цьому курсі ви навчитесь використовувати означальні слова, щоб ділитись чіткою інформацією про кількість, вибір і класифікацію. Ви також розглянете артиклі у складнішому контексті, особливо в професійних розмовах про планування, завдання та ресурси."
]
},
"learn-how-to-use-reported-speech": {
"title": "Дізнайтесь, як використовувати непряму мову",
"intro": [
"У цьому курсі ви навчитесь чітко звітувати про те, що сказав хтось інший. Ви також будете практикувати різні часи дієслів та структури речень для обміну зворотним зв’язком, пояснення ситуацій і обговорення минулих подій в професійних розмовах."
]
},
"learn-how-to-use-prepositions-according-to-context": {
"title": "Дізнайтесь, як використовувати прийменники відповідно до контексту",
"intro": [
"У цьому курсі ви навчитесь використовувати прийменники, щоб чітко описувати час, місце та напрям у щоденних робочих ситуаціях. Ви також будете говорити про графіки, давати вказівки та пояснювати, де знаходяться люди чи речі."
]
},
"learn-how-to-talk-about-numbers-with-a-coworker": {
"title": "Дізнайтесь, як говорити про числа з колегою",
"intro": [
"У цьому курсі ви дізнаєтесь, як вживати числа, щоб говорити про завдання, графіки, бюджети та ресурси на робочому місці. Ви ознайомитесь з кількісними і порядковими числами, відсотками і дробами, щоб упорядковувати роботу, пояснювати прогрес й ділитись оновленнями щодо інвентаризації чи фінансування зі своєю командою."
]
},
"learn-common-phrasal-verbs-and-idioms": {
"title": "Дізнайтесь про найпоширеніші фразові дієслова та ідіоми",
"intro": [
"У цьому курсі ви навчитесь використовувати поширені фразові дієслова та ідіоми, щоб звучати природніше й впевненіше на роботі. Ви будете використовувати різні вирази, щоб висловлювати думки, робити пропозиції, організовувати зустрічі та обговорювати завдання в щоденних робочих розмовах."
]
}
}
},
"rosetta-code": {
"title": "Rosetta Code",
"intro": [
"Розвиньте свої навички творчого підходу до розв’язання проблем за допомогою завдань з базової бібліотеки Rosetta Code.",
"Ці завдання можуть виявитися важкими, але вони підштовхнуть ваше логічне мислення до нових висот.",
"<a href='https://rosettacode.org/wiki/Rosetta_Code' target='_blank' rel='noopener noreferrer nofollow'>Атрибут: Rosetta Code</a>"
],
"blocks": {
"rosetta-code-challenges": {
"title": "Завдання з «Rosetta Code»",
"intro": [
"Перелік завдань з «Rosetta Code».",
"ПРИМІТКА: ці завдання підтримують розв’язок лише на JavaScript."
]
}
}
},
"full-stack-developer": {
"title": "Навчальна програма «Сертифікований Full Stack розробник»",
"intro": [
"Цей курс надає комплексний шлях, щоб стати сертифікованим Full Stack розробником. У ньому охоплено всі технології, необхідні для створення сучасних масштабованих програм від початку до кінця.",
"Завдяки поєднанню інтерактивних уроків, практичних завдань та реальних проєктів, ви опануєте як Front End, так і Back End. Ви працюватимете з HTML, CSS і JavaScript для створення адаптивних інтерфейсів, досліджуватимете React і TypeScript для створення складних вебзастосунків та навчитеся керувати даними за допомогою реляційних баз даних. На стороні Back End ви використовуватимете Git, Npm, Node.js і Python для створення потужних серверних рішень.",
"Наприкінці курсу ви отримаєте практичні навички та досвід, які дозволять впевнено розробляти повноцінні вебзастосунки, що підготує вас до успішної кар’єри Full Stack розробника.",
"Для отримання цієї сертифікації потрібно багато часу і зусиль. Якщо ви розпочнете зараз, то будете готові до решти матеріалу і кінцевого екзамену як тільки ми опублікуємо їх протягом найближчих місяців."
],
"chapters": {
"html": "HTML",
"css": "CSS",
"javascript": "JavaScript",
"frontend-libraries": "Бібліотеки для Front End",
"relational-databases": "Реляційні бази даних",
"backend-javascript": "Back End JavaScript",
"python": "Python",
"career": "Кар’єра"
},
"modules": {
"basic-html": "Основи HTML",
"semantic-html": "Семантичний HTML",
"html-forms-and-tables": "Форми та таблиці",
"html-and-accessibility": "Доступність",
"review-html": "Повторення HTML",
"exam-html": "Екзамен «HTML»",
"computer-basics": "Основи комп’ютера",
"basic-css": "Основи CSS",
"design-for-developers": "Дизайн",
"absolute-and-relative-units": "Відносні та абсолютні одиниці",
"pseudo-classes-and-elements": "Псевдокласи й псевдоелементи",
"css-colors": "Кольори",
"styling-forms": "Стилізація форм",
"css-box-model": "Блокова модель",
"css-flexbox": "Flexbox",
"css-typography": "Типографія",
"css-and-accessibility": "Доступність",
"attribute-selectors": "Селектори атрибутів",
"css-positioning": "Позиціювання",
"responsive-design": "Адаптивний дизайн",
"css-variables": "Змінні",
"css-grid": "Сітка",
"css-animations": "Анімації",
"review-css": "Повторення CSS",
"exam-css": "Екзамен «CSS»",
"code-editors": "Редактори коду",
"javascript-variables-and-strings": "Змінні та рядки",
"javascript-booleans-and-numbers": "Булеві значення та числа",
"javascript-functions": "Функції",
"javascript-arrays": "Масиви",
"javascript-objects": "Об’єкти",
"javascript-loops": "Цикли",
"review-javascript-fundamentals": "Повторення основ JavaScript",
"higher-order-functions-and-callbacks": "Функції вищого порядку та зворотного виклику",
"dom-manipulation-and-events": "Маніпуляція DOM та події Click в JavaScript",
"js-a11y": "JavaScript та доступність",
"debugging-javascript": "Налагодження",
"basic-regex": "Основи регулярних виразів",
"form-validation": "Валідація форм",
"javascript-dates": "Дати",
"audio-and-video-events": "Аудіо- та відеоподії",
"maps-and-sets": "Map та set",
"localstorage-and-crud-operations": "localStorage та операції CRUD",
"classes-and-the-this-keyword": "Класи",
"recursion": "Рекурсія",
"functional-programming": "Функціональне програмування",
"asynchronous-javascript": "Асинхронний JavaScript",
"review-javascript": "Повторення JavaScript",
"exam-javascript": "Екзамен «JavaScript»",
"react-fundamentals": "Основи React",
"react-state-hooks-and-routing": "Стани, хуки та маршрутизація в React",
"performance": "Продуктивність",
"testing": "Тестування",
"css-libraries-and-frameworks": "Бібліотеки та фреймворки CSS",
"data-visualization": "Data Visualization and D3",
"typescript-fundamentals": "Основи TypeScript",
"review-front-end-libraries": "Повторення бібліотек для Front End",
"exam-front-end-libraries": "Екзамен «Бібліотеки для Front End»",
"python-basics": "Основи Python",
"python-loops-and-sequences": "Цикли та послідовності",
"python-dictionaries-and-sets": "Словники та набори",
"python-error-handling": "Обробка помилок",
"python-classes-and-objects": "Класи та об’єкти",
"python-object-oriented-programming": "Об’єктноорієнтоване програмування (ООП)",
"python-linear-data-structures": "Лінійні структури даних",
"python-algorithms": "Алгоритми",
"python-graphs-and-trees": "Графи та дерева",
"python-dynamic-programming": "Динамічне програмування",
"review-python": "Повторення Python",
"exam-python": "Екзамен «Python»",
"bash-fundamentals": "Основи Bash",
"sql-and-postgresql": "SQL and PostgreSQL",
"bash-scripting": "Скрипти Bash",
"sql-and-bash": "SQL та Bash",
"git": "Git",
"review-relational-databases": "Relational Databases Review",
"exam-relational-databases": "Relational Databases Exam",
"introduction-to-nodejs": "Вступ до Node.js",
"nodejs-core-libraries": "Основні бібліотеки Node.js",
"node-package-manager": "Node Package Manager",
"http-and-the-web-standards-model": "HTTP та модель вебстандартів",
"rest-api-and-web-services": "REST API та вебсервіси",
"introduction-to-express": "Вступ до Express",
"express-middleware": "Проміжне програмне забезпечення Express",
"error-handling-in-express": "Обробка помилок в Express",
"websockets": "WebSockets",
"node-and-sql": "Node та SQL",
"security-and-privacy": "Безпека та приватність",
"authentication": "Автентифікація",
"tooling-and-deployment": "Інструменти та розгортання",
"how-to-get-a-developer-job": "Як знайти роботу розробнику",
"capstone-project": "Фінальний проєкт",
"certified-full-stack-developer-exam": "Екзамен «Сертифікований Full Stack розробник»"
},
"module-intros": {
"data-visualization": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will be introduced to data visualization and learn how to work with the D3 library."
]
},
"typescript-fundamentals": {
"note": "Очікуйте цієї осені",
"intro": [
"У цьому модулі ви ознайомитесь з TypeScript — розширеною версією JavaScript, яка дозволяє додавати статичну типізацію до JavaScript-коду. Ви виконаєте декілька практичних занять і лабораторних робіт, де застосуєте узагальнення, звуження типів, TSX і багато іншого. А потім перевірите отримані знання з основ TypeScript, пройшовши короткий тест."
]
},
"python-classes-and-objects": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви навчитесь працювати з класами, методами, атрибутами і властивостями. Ви застосуєте ці поняття в практичних заняттях і лабораторних роботах, а також перевірите отримані знання за допомогою тесту."
]
},
"python-object-oriented-programming": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь про деякі поняття об’єктноорієнтованого програмування, серед яких інкапсуляція, успадкування і поліморфізм. Ви застосуєте ці поняття в практичних заняттях і лабораторних роботах, а також перевірите отримані знання за допомогою тесту."
]
},
"python-linear-data-structures": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь про структури даних, до яких належать стеки, зв’язані списки і багато іншого. Ви застосуєте ці поняття в практичному занятті і лабораторній роботі, а також перевірите отримані знання за допомогою тесту."
]
},
"python-algorithms": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь про поширені алгоритми, до яких належать бінарний пошук, сортування злиттям, сортування вибором і багато іншого. Ви застосуєте ці поняття в практичних заняттях і лабораторних роботах, а також перевірите отримані знання за допомогою тесту."
]
},
"python-graphs-and-trees": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь про графи в інформатиці, а також про списки суміжності, дерева і багато іншого. Ви застосуєте ці поняття в практичних заняттях і лабораторних роботах, а також перевірите отримані знання за допомогою тесту."
]
},
"python-dynamic-programming": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь про динамічне програмування і застосуєте ці знання на практиці, виконавши лабораторну роботу із послідовністю Фібоначчі. Потім ви пройдете короткий тест, щоб перевірити отримані знання."
]
},
"bash-fundamentals": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь про командний рядок та поширені команди Bash. Потім ви виконаєте практичне заняття і перевірите отримані знання завдяки короткому тесту."
]
},
"sql-and-postgresql": {
"note": "Coming Winter 2025",
"intro": [
"In this module, you will learn how to work with relational databases which store data as collections in tables. Some of the concepts you will learn about include inserting and viewing table data, primary and foreign keys in SQL, and more. Then you will build out a workshop and lab to practice these concepts and take a short quiz to test your knowledge."
]
},
"bash-scripting": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь про скрипти bash і застосуєте ці навички на практиці, створивши п’ять програм. А завдяки тесту перевірите отримані знання."
]
},
"sql-and-bash": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь про нормалізацію, SQL-ін’єкцію та проблему N+1. Потім ви застосуєте SQL і Bash на практиці, виконавши декілька практичних занять і лабораторних робіт. А завдяки тесту перевірите отримані знання."
]
},
"git": {
"note": "Очікуйте цієї зими",
"intro": [
"У цьому модулі ви дізнаєтесь, як використовувати Git, Nano та GitHub. Потім ви перейдете до практичної частини з Git, де виконаєте декілька практичних занять і лабораторних робіт. А завдяки тесту перевірите отримані знання."
]
},
"introduction-to-nodejs": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви ознайомитесь з Node.js — середовищем виконання JavaScript, яке дозволяє створювати бекендні застосунки за допомогою JavaScript. Потім ви виконаєте невеличке практичне заняття і перевірите отримані знання за допомогою тесту."
]
},
"nodejs-core-libraries": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви ознайомитесь з поширеними бібліотеками Node.js, до яких належать fs, os, path та інші. Потім ви перейдете до практичних занять і лабораторних робіт, а також перевірите отримані знання за допомогою тесту."
]
},
"node-package-manager": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви ознайомитесь з Node Package Manager, який розробники використовують для керування залежностями і скриптами проєкту. Потім ви перейдете до практичних занять і лабораторних робіт, а також перевірите отримані знання за допомогою тесту."
]
},
"http-and-the-web-standards-model": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви дізнаєтесь про HTTP та інші важливі поняття (зокрема про модель системи запит-відповідь, поширені коди стану, DNS, TCP/IP тощо). Потім ви застосуєте ці навички на практиці, створивши власний вебсервер, а також перевірите отримані знання за допомогою тесту."
]
},
"rest-api-and-web-services": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви дізнаєтесь про REST API (Representational State Transfer Application Programming Interface) і принципи роботи мікросервісів. А потім пройдете короткий тест, щоб перевірити отримані знання."
]
},
"introduction-to-express": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви ознайомитесь з Express.js — фреймворком, який використовують для створення RESTful API. Потім ви перейдете до практичних занять і лабораторних робіт, а також перевірите отримані знання за допомогою тесту."
]
},
"express-middleware": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви дізнаєтесь про проміжне програмне забезпечення в Express.js, яке обробляє запити та відповіді між клієнтом і сервером. Потім ви перейдете до практичного заняття і лабораторної роботи, а також перевірите отримані знання за допомогою тесту."
]
},
"error-handling-in-express": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви дізнаєтесь про обробку помилок, налагодження і перевірку справності в Express.js. Потім ви застосуєте ці навички в лабораторній роботі, а також перевірите отримані знання за допомогою тесту."
]
},
"websockets": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви ознайомитесь з Websocket — протоколом, який використовують для спілкування між клієнтом і сервером в режимі реального часу. Потім ви перейдете до практичних занять і лабораторних робіт, а також перевірите отримані знання за допомогою тесту."
]
},
"node-and-sql": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви застосуєте Node і SQL на практиці, створивши пару застосунків. А потім пройдете короткий тест, щоб перевірити отримані знання."
]
},
"security-and-privacy": {
"note": "Очікуйте цієї осені",
"intro": [
"У цьому модулі ви дізнаєтесь про різницю між безпекою і приватністю, а також ознайомитесь з різними поняттями (включно з CSP, Permissions Policy, PII, CORS і багато іншим). Потім ви пройдете короткий тест, щоб перевірити отримані знання."
]
},
"authentication": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви дізнаєтесь про принципи роботи автентифікації у вебзастосунках та інші важливі поняття (JWT, CSRF, Passport, Helmet, криптографія, шифрування тощо). Потім ви перейдете до практичних занять і лабораторних робіт, а також перевірите отримані знання за допомогою тесту."
]
},
"tooling-and-deployment": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі ви дізнаєтесь про поширені інструменти для розгортання фулстекових програм. А потім пройдете короткий тест, щоб перевірити отримані знання."
]
},
"how-to-get-a-developer-job": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"У цьому модулі Квінсі Ларсон (засновник і вчитель freeCodeCamp) поділиться тим, як розпочати кар’єру в IT. Квінсі розкаже про резюме, портфоліо, ринок праці, підготовку до співбесіди та багато іншого."
]
},
"capstone-project": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"Чудова можливість створити повнофункціональний застосунок, використавши всі знання, отримані протягом сертифікації."
]
},
"certified-full-stack-developer-exam": {
"note": "Очікуйте наприкінці 2026 року",
"intro": [
"Екзамен містить 90 запитань, які перевірять ваші знання з вивченого матеріалу."
]
}
},
"blocks": {
"workshop-curriculum-outline": {
"title": "Створіть навчальний план",
"intro": [
"Вітаємо на freeCodeCamp!",
"У цьому практичному занятті ви ознайомитесь з HTML та програмуванням. Ви дізнаєтесь про деякі елементи: заголовки та абзаци."
]
},
"lab-debug-camperbots-profile-page": {
"title": "Налагодьте профіль Кемпербота",
"intro": [
"Кемпербот також вчиться програмувати і потребує допомоги з HTML.",
"У цій лабораторній роботі ви допоможете Кемперботу знайти і розв’язати помилки в коді."
]
},
"lecture-understanding-html-attributes": {
"title": "Знайомство з HTML-атрибутами",
"intro": [
"In these lessons, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
"Ви дізнаєтесь, яку роль відіграє HTML у мережі, а також ознайомитесь з його атрибутами."
]
},
"lab-debug-pet-adoption-page": {
"title": "Налагодьте сторінку притулку для тварин",
"intro": [
"У цій лабораторній роботі вам потрібно знайти і виправити помилки на сторінці притулку для тварин."
]
},
"lecture-understanding-the-html-boilerplate": {
"title": "Знайомство з шаблонним HTML-кодом",
"intro": [
"In these lessons, you will learn about the HTML boilerplate which is a ready-made template for your webpages.",
"Ви навчитесь працювати з елементами <code>link</code>, <code>meta</code> та іншими."
]
},
"workshop-cat-photo-app": {
"title": "Створіть застосунок із фото котів",
"intro": [
"HTML розшифровується як «мова розмітки гіпертексту» та представляє вміст і структуру вебсторінки.",
"У цьому практичному занятті ви дізнаєтесь, як працювати з базовими елементами HTML, серед яких заголовки, абзаци, зображення, посилання та списки."
]
},
"lab-recipe-page": {
"title": "Створіть сторінку з рецептом",
"intro": [
"У цій лабораторній роботі ви пригадаєте основи HTML, створивши вебсторінку з улюбленим рецептом. Ви створите шаблонний код HTML і будете працювати із заголовками, списками, зображеннями тощо."
]
},
"lecture-html-fundamentals": {
"title": "Основи HTML",
"intro": [
"In these lessons, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
]
},
"lecture-understanding-how-html-affects-seo": {
"title": "Understanding How HTML Affects SEO",
"intro": [
"In these lessons, you will learn how your HTML code impacts search engine optimization."
]
},
"lab-travel-agency-page": {
"title": "Створіть сторінку туристичної агенції",
"intro": [
"У цій лабораторній роботі ви пригадаєте основи HTML, створивши вебсторінку для туристичної агенції. Ви будете працювати із зображеннями, елементом <code>figure</code>, елементом <code>figcaption</code>, елементом <code>anchor</code> тощо."
]
},
"lecture-working-with-audio-and-video-elements": {
"title": "Робота з елементами audio та video",
"intro": [
"In these lessons, you will learn how to work with the <code>audio</code> and <code>video</code> elements."
]
},
"lab-html-audio-and-video-player": {
"title": "Build an HTML Audio and Video Player",
"intro": [
"In this lab, you will build an HTML audio and video player using the <code>video</code> and <code>audio</code> elements with controls and source attributes."
]
},
"lecture-working-with-images-and-svgs": {
"title": "Робота із зображеннями та SVG",
"intro": [
"In these lessons, you will learn how to work with SVGs and learn about techniques for optimizing your images."
]
},
"workshop-build-a-heart-icon": {
"title": "Build a Heart Icon",
"intro": [
"In this workshop, you will practice working with SVGs by building a heart icon"
]
},
"lecture-working-with-media": {
"title": "Робота з елементом iframe",
"intro": [
"In these lessons, you will learn how to work with the <code>iframe</code> element which is used to embed an external site on your web page."
]
},
"workshop-build-a-video-display-using-iframe": {
"title": "Build a Video Display Using iframe",
"intro": [
"In this workshop, you'll learn how to work with the <code>iframe</code> element by building a video display."
]
},
"lab-video-compilation-page": {
"title": "Створіть сторінку із відео",
"intro": [
"У цій лабораторній роботі ви створите сторінку із відео. Ви зможете попрацювати з елементом <code>iframe</code>."
]
},
"lecture-working-with-links": {
"title": "Робота з посиланнями",
"intro": [
"In these lessons, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
]
},
"review-basic-html": {
"title": "Повторення основ HTML",
"intro": [
"Перш ніж перейти до тесту «Основи HTML», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати шаблонний код HTML, елементи <code>audio</code> й <code>video</code>, різні значення атрибута <code>target</code> та багато іншого."
]
},
"quiz-basic-html": {
"title": "Тест «Основи HTML»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Основи HTML».",
"Якщо ви готуєтеся до екзамену, можете попрактикуватись на декількох тестах. Після завершення тесту ви можете повернутися на цю сторінку, щоб перейти до наступного."
]
},
"lecture-importance-of-semantic-html": {
"title": "Важливість семантичного HTML",
"intro": [
"In these lessons, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
]
},
"lecture-understanding-nuanced-semantic-elements": {
"title": "Нюанси роботи з семантичними елементами",
"intro": [
"In these lessons, you will learn when you should use certain semantic elements like the <code>em</code> element over the <code>i</code> element, description lists, and more."
]
},
"lecture-working-with-text-and-time-semantic-elements": {
"title": "Робота з семантичними елементами тексту і часу",
"intro": [
"In this lesson, you will learn about the importance of semantics in conveying meaning for text and time-related content including the <code>time</code>, <code>blockquote</code> elements and more."
]
},
"lecture-working-with-specialized-semantic-elements": {
"title": "Робота зі спеціальними семантичними елементами",
"intro": [
"In this lesson, you will learn about specialized semantic elements like <code>u</code>, <code>s</code>, <code>code</code> elements and more."
]
},
"workshop-blog-page": {
"title": "Створіть сторінку блогу про котів",
"intro": [
"У цьому практичному занятті ви створите сторінку блогу лише на HTML, використовуючи семантичні елементи, серед яких <code>main</code>, <code>nav</code>, <code>article</code> та <code>footer</code>."
]
},
"lab-event-hub": {
"title": "Створіть хаб для подій",
"intro": [
"У цій лабораторній роботі ви створите хаб для подій і пригадаєте різні семантичні елементи, серед яких <code>header</code>, <code>nav</code> та <code>article</code>."
]
},
"review-semantic-html": {
"title": "Повторення семантичного HTML",
"intro": [
"Перш ніж перейти до тесту «Семантичний HTML», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати <code>em</code>, <code>strong</code>, <code>blockquote</code>, <code>address</code> та інші семантичні елементи в HTML."
]
},
"quiz-semantic-html": {
"title": "Тест «Семантичний HTML»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Семантичний HTML».",
"Якщо ви готуєтеся до екзамену, можете попрактикуватись на декількох тестах. Після завершення тесту ви можете повернутися на цю сторінку, щоб перейти до наступного."
]
},
"lecture-working-with-forms": {
"title": "Робота з формами",
"intro": [
"In these lessons, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
]
},
"workshop-hotel-feedback-form": {
"title": "Створіть форму зворотного зв’язку для готелю",
"intro": [
"У цьому практичному занятті ви створите форму зворотного зв’язку для готелю.",
"Ви навчитесь працювати з мітками, полями введення даних, наборами полів, легендами, текстовими полями та кнопками."
]
},
"lab-survey-form": {
"title": "Створіть форму для опитування",
"intro": [
"У цій лабораторній роботі ви пригадаєте HTML-форми, створивши форму для опитування.",
"Ви будете практикуватись працювати з елементом <code>label</code>, різними елементами <code>input</code>, атрибутом <code>required</code> та багато іншим."
]
},
"lecture-working-with-tables": {
"title": "Робота з таблицями",
"intro": [
"In these lessons, you will learn about HTML tables, how to create them, and when to use them."
]
},
"workshop-final-exams-table": {
"title": "Створіть таблицю з результатами екзамену",
"intro": [
"У цьому практичному занятті ви дізнаєтесь, як працювати з HTML-таблицями, створивши таблицю з результатами екзамену."
]
},
"lab-book-catalog-table": {
"title": "Створіть каталог книг",
"intro": [
"У цій лабораторній роботі ви пригадаєте HTML-таблиці, створивши таблицю з інформацією про книжки.",
"Ви будете практикуватись працювати з різними компонентами таблиці, серед яких елементи <code>thead</code>, <code>tbody</code>, <code>th</code>, <code>tr</code> та <code>td</code>."
]
},
"lecture-working-with-html-tools": {
"title": "Робота з інструментами HTML",
"intro": [
"In these lessons, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
]
},
"review-html-tables-and-forms": {
"title": "Повторення таблиць та форм в HTML",
"intro": [
"Перш ніж перейти до тесту «Форми, таблиці та інструменти в HTML», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати елементи <code>table</code>, <code>input</code> та <code>button</code>, а також поширені інструменти (серед яких валідатор HTML) і багато іншого."
]
},
"quiz-html-tables-and-forms": {
"title": "Тест «Таблиці та форми в HTML»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Форми, таблиці та інструменти в HTML».",
"Якщо ви готуєтеся до екзамену, можете попрактикуватись на декількох тестах. Після завершення тесту ви можете повернутися на цю сторінку, щоб перейти до наступного."
]
},
"lecture-importance-of-accessibility-and-good-html-structure": {
"title": "Важливість доступності та хорошої структури HTML",
"intro": [
"In these lessons, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
]
},
"workshop-debug-coding-journey-blog-page": {
"title": "Debug a Coding Journey Blog Page",
"intro": [
"In this workshop, you will debug and fix accessibility errors in a coding blog page."
]
},
"lecture-accessible-tables-forms": {
"title": "Робота з доступними таблицями і формами",
"intro": [
"In these lessons, you will learn about how to create accessible tables and forms."
]
},
"workshop-tech-conference-schedule": {
"title": "Build a Tech Conference Schedule Table",
"intro": [
"In this workshop, you will build an accessible tech conference schedule table."
]
},
"lecture-introduction-to-aria": {
"title": "Вступ до ARIA",
"intro": [
"In these lessons, you will learn about working with ARIA roles."
]
},
"lecture-accessible-media-elements": {
"title": "Робота з доступними медіаелементами",
"intro": [
"In these lessons, you will learn about how to create accessible links, audio and video content."
]
},
"lab-checkout-page": {
"title": "Створіть платіжну сторінку",
"intro": [
"У цій лабораторній роботі ви створите доступну платіжну сторінку.",
"Ви будете працювати з різними поняттями, серед яких атрибути <code>alt</code> та ARIA-ролі."
]
},
"lab-movie-review-page": {
"title": "Розробіть сторінку з рецензією на фільм",
"intro": [
"У цій лабораторній роботі ви створите сторінку з рецензією на фільм.",
"Ви будете застосовувати семантичний HTML, атрибути <code>alt</code>, доступні списки, а також приховування декоративного вмісту від читачів екрана за допомогою <code>aria-hidden</code>."
]
},
"lab-multimedia-player": {
"title": "Створіть мультимедійний плеєр",
"intro": [
"У цій лабораторній роботі ви створите мультимедійний плеєр.",
"Ви будете працювати з елементами <code>audio</code> та <code>video</code>, а також атрибутами <code>controls</code> й <code>aria-label</code>."
]
},
"review-html-accessibility": {
"title": "Повторення доступності в HTML",
"intro": [
"Перш ніж перейти до тесту «Доступність в HTML», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати атрибути <code>aria-hidden</code>, <code>aria-describedby</code>, <code>tabindex</code> та багато іншого."
]
},
"quiz-html-accessibility": {
"title": "Тест «Доступність в HTML»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Доступність».",
"Якщо ви готуєтеся до екзамену, можете попрактикуватись на декількох тестах. Після завершення тесту ви можете повернутися на цю сторінку, щоб перейти до наступного."
]
},
"review-html": {
"title": "Повторення HTML",
"intro": [
"Перш ніж перейти до підготовчого екзамену «HTML», повторіть основні поняття з попередніх модулів.",
"Відкрийте цю сторінку, щоб пригадати основні поняття по HTML-елементах, семантичному HTML, таблицях, формах та доступності."
]
},
"qpra": {
"title": "30",
"intro": []
},
"lecture-understanding-computer-internet-and-tooling-basics": {
"title": "Знайомство з комп’ютером, інтернетом та інструментами",
"intro": [
"In these lessons, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
]
},
"lecture-working-with-file-systems": {
"title": "Робота з файловими системами",
"intro": [
"In these lessons, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
]
},
"lecture-browsing-the-web-effectively": {
"title": "Ефективне користування мережею",
"intro": [
"In these lessons, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
]
},
"review-computer-basics": {
"title": "Повторення основ комп’ютера",
"intro": [
"Перш ніж перейти до тесту «Основи комп’ютера», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати про RAM, інтернет-провайдери, загальні веббраузери, пошукові системи та багато іншого."
]
},
"quiz-computer-basics": {
"title": "Тест «Основи комп’ютера»",
"intro": ["Перевірте, що ви дізнались про основи комп'ютера."]
},
"lecture-what-is-css": {
"title": "Що таке CSS?",
"intro": [
"The following lessons are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
]
},
"workshop-cafe-menu": {
"title": "Розробіть меню для кафе",
"intro": [
"CSS повідомляє браузеру, як відтворювати вебсторінку. CSS можна використовувати, щоб встановити колір, шрифт, розмір та інші властивості HTML-елементів.",
"У цьому практичному занятті ви вивчите CSS, розробивши дизайн меню для вебсторінки кафе."
]
},
"lab-business-card": {
"title": "Створіть дизайн візитівки",
"intro": [
"У цій лабораторній роботі ви створите візитівку та стилізуєте її за допомогою CSS.",
"Ви будете практикуватись працювати з різними властивостями стилю, серед яких <code>color</code>, <code>font-size</code>, <code>text-align</code> тощо."
]
},
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
"title": "Специфічність, алгоритм каскаду та успадкування в CSS",
"intro": [
"In these lessons, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
]
},
"review-basic-css": {
"title": "Повторення основ CSS",
"intro": [
"Перш ніж перейти до тесту «Основи CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати <code>margin</code>, <code>padding</code>, комбінатори, специфічність та багато іншого."
]
},
"quiz-basic-css": {
"title": "Тест «Основи CSS»",
"intro": ["Перевірте, що ви дізнались про основи CSS."]
},
"lecture-styling-lists-and-links": {
"title": "Стилізація списків і посилань",
"intro": [
"In these lessons, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
]
},
"lab-stylized-to-do-list": {
"title": "Створіть стилізований список справ",
"intro": [
"У цій лабораторній роботі ви створите список справ, які потрібно виконати, та застосуєте різні стилі до посилань.",
"Ви будете практикуватись працювати з властивостями <code>text-decoration</code> та <code>list-style-type</code>, а також змінювати стилі при наведенні чи натисканні."
]
},
"lecture-working-with-backgrounds-and-borders": {
"title": "Робота з фоном і кордоном",
"intro": [
"In these lessons, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
]
},
"lab-blog-post-card": {
"title": "Створіть картку для допису",
"intro": [
"У цій лабораторній роботі ви створите картку для допису із блогу, використовуючи HTML та CSS.",
"Ви будете практикуватись працювати з різними поняттями, серед яких <code>background-color</code>, <code>border-radius</code>, поля, відступи та багато іншого."
]
},
"review-css-backgrounds-and-borders": {
"title": "Повторення списків, посилань, фону та кордону в CSS",
"intro": [
"Перш ніж перейти до тесту «Фони та кордони в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати властивості <code>background-image</code>, <code>border</code> та багато іншого."
]
},
"quiz-css-backgrounds-and-borders": {
"title": "Тест «Фони та кордони в CSS»",
"intro": ["Перевірте, що ви дізнались про фони та кордони в CSS."]
},
"lecture-user-interface-design-fundamentals": {
"title": "Основи UI дизайну",
"intro": [
"In these lessons, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
]
},
"lecture-user-centered-design": {
"title": "Дизайн, орієнтований на користувача",
"intro": [
"In these lessons, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
]
},
"lecture-common-design-tools": {
"title": "Поширені інструменти дизайну",
"intro": [
"In these lessons, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
]
},
"review-design-fundamentals": {
"title": "Повторення основ дизайну",
"intro": [
"Перш ніж перейти до тесту «Основи дизайну», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати про дизайн, орієнтований на користувача, масштабування, вирівнювання, хорошу візуальну ієрархію та багато іншого."
]
},
"quiz-design-fundamentals": {
"title": "Тест «Основи дизайну»",
"intro": ["Перевірте, що ви дізнались про основи дизайну UI."]
},
"lecture-working-with-relative-and-absolute-units": {
"title": "Робота з відносними й абсолютними одиницями",
"intro": [
"In these lessons, you will learn about relative and absolute units, and how they both impact what you see in the browser."
]
},
"lab-event-flyer-page": {
"title": "Створіть запрошення на подію",
"intro": [
"У цій лабораторній роботі ви створите сторінку із запрошенням на подію.",
"Ви будете практикуватись вирівнювати елементи за допомогою абсолютного та відносного CSS."
]
},
"review-css-relative-and-absolute-units": {
"title": "Повторення відносних та абсолютних одиниць CSS",
"intro": [
"Перш ніж перейти до тесту «Відносні та абсолютні одиниці CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати відсотки, <code>px</code>, <code>rem</code>, <code>em</code> та багато іншого."
]
},
"quiz-css-relative-and-absolute-units": {
"title": "Тест «Відносні та абсолютні одиниці CSS»",
"intro": [
"Перевірте, що ви дізнались про відносні та абсолютні одиниці в CSS."
]
},
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
"title": "Робота з псевдокласами та псевдоелементами в CSS",
"intro": [
"In these lessons, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
]
},
"workshop-greeting-card": {
"title": "Створіть вітальну листівку",
"intro": [
"In the previous lessons, you learned how to work with the different types of pseudo-classes.",
"У цьому практичному занятті ви зможете попрактикувати те, чого навчились, створивши вітальну листівку."
]
},
"lab-job-application-form": {
"title": "Створіть форму заявки на працевлаштування",
"intro": [
"У цій лабораторній роботі ви створите форму із заявкою на працевлаштування та стилізуєте її, використовуючи псевдокласи.",
"Ви будете практикуватись працювати з різними поняттями, серед яких <code>:hover</code>, <code>:active</code>, <code>:focus</code> та багато іншого."
]
},
"review-css-pseudo-classes": {
"title": "Повторення псевдокласів у CSS",
"intro": [
"Перш ніж перейти до тесту «Псевдокласи та псевдоелементи в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати псевдоелементи <code>::before</code> й <code>::after</code>, псевдокласи <code>:hover</code> й <code>:active</code> та багато іншого."
]
},
"quiz-css-pseudo-classes": {
"title": "Тест «Псевдокласи в CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Псевдокласи в CSS»."
]
},
"lecture-working-with-colors-in-css": {
"title": "Робота з кольорами в CSS",
"intro": [
"In these lessons, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
]
},
"workshop-colored-markers": {
"title": "Створіть набір кольорових маркерів",
"intro": [
"У цьому практичному занятті ви створите набір кольорових маркерів. Ви попрактикуєте різні способи встановити значення кольорів та дізнаєтесь, як поєднувати кольори між собою."
]
},
"lab-colored-boxes": {
"title": "Створіть кольорові блоки",
"intro": [
"У цій лабораторній роботі ви створите кольорову сітку та попрактикуєтесь додавати кольори фону до елементів, використовуючи шістнадцяткові коди, RGB і визначені назви."
]
},
"review-css-colors": {
"title": "Повторення кольорів у CSS",
"intro": [
"Перш ніж перейти до тесту «Кольори в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати функцію <code>rgb()</code>, функцію <code>hsl()</code>, <code>hex codes</code> та багато іншого."
]
},
"quiz-css-colors": {
"title": "Тест «Кольори в CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Кольори в CSS»."
]
},
"lecture-best-practices-for-styling-forms": {
"title": "Найкращі практики стилізації форм",
"intro": [
"In these lessons, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
]
},
"workshop-registration-form": {
"title": "Створіть реєстраційну форму",
"intro": [
"У цьому практичному занятті ви навчитесь працювати з формами HTML, створивши сторінку реєстрації. Ви дізнаєтесь, як керувати типами даних, що можна ввести у формі, й деякі нові інструменти CSS для стилізації сторінки."
]
},
"lab-contact-form": {
"title": "Розробіть контактну форму",
"intro": [
"У цій лабораторній роботі ви створите контактну форму в HTML та стилізуєте її за допомогою CSS."
]
},
"lab-feature-selection": {
"title": "Design a Feature Selection Page",
"intro": [
"In this lab, you'll build a feature selection page with custom-styled checkboxes.",
"You'll create feature cards with labels and checkboxes, then give custom styling to the checkboxes."
]
},
"review-styling-forms": {
"title": "Повторення стилізації форм",
"intro": [
"Перш ніж перейти до тесту «Стилізація форм», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як стилізувати введення форми, як працювати з <code>appearance: none</code> та багато іншого."
]
},
"quiz-styling-forms": {
"title": "Тест «Стилізація форм»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Стилізація форм»."
]
},
"lecture-working-with-css-transforms-overflow-and-filters": {
"title": "Робота з трансформаціями, переповненням і ефектами в CSS",
"intro": [
"In these lessons, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
]
},
"workshop-rothko-painting": {
"title": "Створіть картину Ротко",
"intro": [
"Кожен елемент HTML є власним блоком із власним простором та кордоном. Це називається блоковою моделлю.",
"У цьому практичному занятті ви будете використовувати CSS та блокову модель, щоб створити власну картину в стилі Ротко."
]
},
"lab-confidential-email-page": {
"title": "Створіть конфіденційний лист",
"intro": [
"У цій лабораторній роботі ви створите вебсторінку, використовуючи HTML, та замаскуєте вміст за допомогою властивостей CSS."
]
},
"review-css-layout-and-effects": {
"title": "Повторення макетів та ефектів у CSS",
"intro": [
"Перш ніж перейти до тесту «Макети та ефекти в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати властивість <code>transform</code>, блокову модель, властивість <code>overflow</code> та багато іншого."
]
},
"quiz-css-layout-and-effects": {
"title": "Тест «Макети та ефекти в CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Макети та ефекти в CSS»."
]
},
"lecture-working-with-css-flexbox": {
"title": "Робота з CSS Flexbox",
"intro": [
"In these lessons, you will learn how CSS flexbox works, its properties, and when you should use it."
]
},
"workshop-flexbox-photo-gallery": {
"title": "Створіть фотогалерею із Flexbox",
"intro": [
"У цьому практичному занятті ви будете використовувати Flexbox, щоб створити адаптивну вебсторінку із фотогалереєю."
]
},
"lab-page-of-playing-cards": {
"title": "Створіть сторінку гральних карт",
"intro": [
"У цій лабораторній роботі ви будете використовувати гнучку модель, щоб створити вебсторінку з гральними картами.",
"Ви будете практикуватись вирівнювати елементи за допомогою різних властивостей, серед яких <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code> та багато інших."
]
},
"review-css-flexbox": {
"title": "Повторення CSS Flexbox",
"intro": [
"Перш ніж перейти до тесту «CSS Flexbox», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати властивості <code>flex-direction</code>, <code>justify-content</code>, <code>align-items</code>, <code>flex-wrap</code> та багато іншого."
]
},
"quiz-css-flexbox": {
"title": "Тест «CSS Flexbox»",
"intro": ["Перевірте, що ви дізнались про CSS flexbox."]
},
"lecture-working-with-css-fonts": {
"title": "Робота з шрифтами в CSS",
"intro": [
"In these lessons, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
]
},
"workshop-nutritional-label": {
"title": "Створіть харчову етикетку",
"intro": [
"Типографія — це мистецтво стилізації тексту, щоб його було легко читати та він відповідав своєму призначенню.",
"У цьому практичному занятті ви будете використовувати типографію, щоб створити вебсторінку з харчовою етикеткою. Ви дізнаєтеся, як стилізувати текст, регулювати висоту рядка та позиціювати текст за допомогою CSS."
]
},
"lab-newspaper-article": {
"title": "Створіть статтю в газеті",
"intro": [
"У цій лабораторній роботі ви створите сторінку зі статтею з журналу, використовуючи HTML та CSS.",
"Ви будете стилізувати шрифти, використовуючи такі властивості, як <code>font-family</code>, <code>font-size</code>, <code>font-weight</code> тощо."
]
},
"review-css-typography": {
"title": "Повторення типографії в CSS",
"intro": [
"Перш ніж перейти до тесту «Типографія», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати веббезпечні шрифти, властивість <code>font-family</code> та багато іншого."
]
},
"quiz-css-typography": {
"title": "Тест «Типографія в CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Типографія»."
]
},
"lecture-best-practices-for-accessibility-and-css": {
"title": "Найкращі практики доступності й CSS",
"intro": [
"In these lessons, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
]
},
"workshop-accessibility-quiz": {
"title": "Створіть сторінку з вікториною",
"intro": [
"Доступність полегшує користування вебсторінкою для всіх людей, навіть для людей з порушеннями.",
"У цьому практичному занятті ви створите вебсторінку з вікториною. Ви дізнаєтеся про інструменти доступності, серед яких комбінації клавіш, атрибути ARIA та найкращі поради щодо дизайну."
]
},
"lab-tribute-page": {
"title": "Створіть пам’ятну сторінку",
"intro": [
"У цій лабораторній роботі ви створите пам’ятну сторінку на власну тему."
]
},
"review-css-accessibility": {
"title": "Повторення доступності в CSS",
"intro": [
"Перш ніж перейти до тесту «Доступність в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати інструменти контрастності кольорів та найкращі практики доступності."
]
},
"quiz-css-accessibility": {
"title": "Тест «Доступність в CSS»",
"intro": [
"Перевірте, що ви дізнались про доступність вебсторінок із CSS."
]
},
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
"title": "Знайомство з вирівнюванням й позиціюванням в CSS",
"intro": [
"In these lessons, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
]
},
"workshop-cat-painting": {
"title": "Створіть малюнок кота",
"intro": [
"Позиціювання CSS важливо опанувати для того, щоб створювати візуально привабливі та адаптивні вебмакети.",
"У цьому практичному занятті ви створите малюнок кота. Ви дізнаєтесь, як працювати з абсолютним позиціюванням, а також з властивостями <code>z-index</code> й <code>transform</code>."
]
},
"lab-house-painting": {
"title": "Створіть малюнок будинку",
"intro": [
"У цій лабораторній роботі ви створите малюнок будинку за допомогою CSS.",
"Ви будете проєктувати окремі елементи будинку та розміщувати їх, використовуючи різні властивості, серед яких <code>position</code>, <code>top</code>, <code>left</code> і багато інших."
]
},
"review-css-positioning": {
"title": "Повторення позиціювання в CSS",
"intro": [
"Перш ніж перейти до тесту «Позиціювання в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати обтікання, відносне позиціювання, абсолютне позиціювання та багато іншого."
]
},
"quiz-css-positioning": {
"title": "Тест «Позиціювання в CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Позиціювання в CSS»."
]
},
"lecture-working-with-attribute-selectors": {
"title": "Робота з селекторами атрибутів",
"intro": [
"In these lessons, you will learn about attribute selectors and how to use them to target elements like links and lists."
]
},
"workshop-balance-sheet": {
"title": "Створіть бухгалтерський баланс",
"intro": [
"У цьому практичному занятті ви побудуєте бухгалтерський баланс за допомогою псевдоселекторів. Ви дізнаєтеся, як змінити стиль елемента, коли ви наводите на нього курсор, та запускати інші події на вебсторінці."
]
},
"lab-book-inventory-app": {
"title": "Створіть застосунок для інвентаризації книг",
"intro": [
"У цій лабораторній роботі ви створите застосунок для інвентаризації книг.",
"Ви будете практикуватись використовувати селектори атрибутів у CSS, серед яких <code>[attribute]</code>, <code>[attribute=value]</code>, <code>[attribute~=value]</code> та багато інших."
]
},
"review-css-attribute-selectors": {
"title": "Повторення селекторів атрибутів у CSS",
"intro": [
"Перш ніж перейти до тесту «Селектори атрибутів у CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з різними селекторами атрибутів, які націлюють посилання атрибутами <code>href</code> та <code>title</code>."
]
},
"quiz-css-attribute-selectors": {
"title": "Тест «Селектори атрибутів у CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Селектори атрибутів у CSS»."
]
},
"lecture-best-practices-for-responsive-web-design": {
"title": "Найкращі практики адаптивного вебдизайну",
"intro": [
"In these lessons, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
]
},
"workshop-piano": {
"title": "Розробіть піаніно",
"intro": [
"Адаптивний дизайн повідомляє вебсторінці, як вона має виглядати на екранах різного розміру.",
"У цьому практичному занятті ви використовуватимете CSS та адаптивний дизайн, щоб створити піаніно. До того ж ви більше дізнаєтесь про медіазапити та псевдоселектори."
]
},
"lab-technical-documentation-page": {
"title": "Побудуйте сторінку технічної документації",
"intro": [
"У цій лабораторній роботі ви створите сторінку технічної документації, яка служитиме інструкцією або довідником.",
"Ви також попрактикуєте роботу з медіазапитами для створення адаптивного дизайну."
]
},
"review-responsive-web-design": {
"title": "Повторення адаптивного вебдизайну",
"intro": [
"Перш ніж перейти до тесту «Адаптивний вебдизайн», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати медіазапити, точки зупинки та принцип mobile first."
]
},
"quiz-responsive-web-design": {
"title": "Тест «Адаптивний вебдизайн»",
"intro": ["Перевірте, що ви дізнались про адаптивність вебсторінок."]
},
"lecture-working-with-css-variables": {
"title": "Робота зі змінними в CSS",
"intro": [
"In these lessons, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
]
},
"workshop-city-skyline": {
"title": "Створіть панораму міста",
"intro": [
"Змінні CSS допомагають організувати стилі та повторно використовувати їх.",
"У цьому практичному занятті ви побудуєте панораму міста. Ви дізнаєтеся, як налаштувати змінні CSS, щоб повторно використовувати їх, коли забажаєте."
]
},
"lab-availability-table": {
"title": "Створіть таблицю з вільними годинами",
"intro": [
"У цій лабораторній роботі ви створите таблицю з вільними годинами, яка показуватиме, чи людина може бути присутньою на зустрічі.",
"Ви будете практикуватись використовувати CSS-змінні, щоб зберігати й повторно використовувати кольори, шрифти та інші стилі."
]
},
"review-css-variables": {
"title": "Повторення змінних в CSS",
"intro": [
"Перш ніж перейти до тесту «Змінні в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з власними CSS-властивостями (CSS-змінними) та директивою <code>@property</code>."
]
},
"quiz-css-variables": {
"title": "Тест «Змінні в CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Змінні в CSS»."
]
},
"lecture-working-with-css-grid": {
"title": "Робота з сіткою в CSS",
"intro": [
"In these lessons, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
]
},
"workshop-magazine": {
"title": "Створіть журнал",
"intro": [
"CSS-сітка дозволяє керувати рядками та стовпцями вебсторінки.",
"У цьому практичному занятті ви створите статтю в журналі. Ви дізнаєтеся, як використовувати сітку, включно з рядками та стовпцями."
]
},
"lab-newspaper-layout": {
"title": "Design a Newspaper Layout",
"intro": [
"In this lab, you will design a newspaper layout using CSS Grid, including concepts like grid rows and grid columns."
]
},
"lecture-debugging-css": {
"title": "Налагодження CSS",
"intro": [
"In this lesson, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
]
},
"lab-product-landing-page": {
"title": "Створіть посадкову сторінку продукту",
"intro": [
"У цьому проєкті ви створите посадкову сторінку продукту, щоб прорекламувати продукт за власним вибором."
]
},
"review-css-grid": {
"title": "Повторення сітки в CSS",
"intro": [
"Перш ніж перейти до тесту «Сітка в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з різними властивостями CSS-сітки, серед яких <code>grid-template-columns</code>, <code>grid-gap</code> тощо."
]
},
"quiz-css-grid": {
"title": "Тест «Сітка в CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Сітка в CSS»."
]
},
"lecture-animations-and-accessibility": {
"title": "Анімація та доступність",
"intro": [
"In these lessons, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
]
},
"workshop-ferris-wheel": {
"title": "Створіть оглядове колесо",
"intro": [
"У CSS можна використати анімацію, щоб привернути увагу до певних розділів вебсторінки та зробити її більш привабливою.",
"У цьому практичному занятті ви побудуєте оглядове колесо. Ви будете використовувати CSS для анімації, трансформації та регулювання швидкості елементів."
]
},
"lab-moon-orbit": {
"title": "Побудуйте орбіту Місяця",
"intro": [
"У цій лабораторній роботі ви створите анімацію оберту Місяця навколо Землі.",
"Ви будете практикуватись використовувати анімаційні властивості, серед яких <code>animation-name</code>, <code>animation-duration</code>, <code>animation-timing-function</code> і багато інших."
]
},
"workshop-flappy-penguin": {
"title": "Створіть пінгвіна Флаппі",
"intro": [
"HTML-елементи можна змінити, щоб створити хороший дизайн, який привертає увагу читача. Ви можете використовувати трансформації, щоб обертати елементи, масштабувати їх тощо.",
"У цьому практичному занятті ви створите пінгвіна. Ви будете використовувати трансформації CSS, щоб позиціювати й змінити розмір частин пінгвіна, створити фон та анімувати роботу."
]
},
"lab-personal-portfolio": {
"title": "Створіть особисте портфоліо",
"intro": ["У цьому проєкті ви створите особисте портфоліо."]
},
"review-css-animations": {
"title": "Повторення анімацій в CSS",
"intro": [
"Перш ніж перейти до тесту «Анімації в CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати <code>prefers-reduced-motion</code>, директиву <code>@keyframes</code> та багато іншого."
]
},
"quiz-css-animations": {
"title": "Тест «Анімації в CSS»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Анімації в CSS»."
]
},
"review-css": {
"title": "Повторення CSS",
"intro": [
"Перш ніж перейти до підготовчого екзамену «CSS», повторіть основні поняття з попередніх модулів.",
"Відкрийте цю сторінку, щоб пригадати основи CSS, адаптивного вебдизайну, анімацій, доступності тощо."
]
},
"lecture-working-with-code-editors-and-ides": {
"title": "Робота з редакторами коду та IDE",
"intro": [
"In these lessons, you will learn how to work with code editors and IDEs. You will learn various concepts about the most popular code editor, VS Code such as its installation, how to create a project in it, keyboard shortcuts, and extensions."
]
},
"lecture-introduction-to-javascript": {
"title": "Вступ до JavaScript",
"intro": [
"In these lessons, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, and much more."
]
},
"lecture-introduction-to-strings": {
"title": "Introduction to Strings",
"intro": [
"In these lessons, you will learn how to work with strings and string concatenation."
]
},
"lecture-understanding-code-clarity": {
"title": "Understanding Code Clarity",
"intro": [
"In these lessons, you will learn about comments in JavaScript and the role of semicolons in programming."
]
},
"workshop-greeting-bot": {
"title": "Створіть вітального бота",
"intro": [
"У цьому практичному занятті ви дізнаєтесь, як працювати з основами JavaScript, створивши вітального бота.",
"Ви дізнаєтесь про змінні, <code>let</code>, <code>const</code>, <code>console.log</code> та базове використання рядка."
]
},
"lab-javascript-trivia-bot": {
"title": "Створіть бот з вікториною на JavaScript",
"intro": [
"У цій лабораторній роботі ви попрактикуєтесь працювати зі змінними та рядками в JavaScript, створивши бот з вікториною."
]
},
"lab-sentence-maker": {
"title": "Створіть творця речень",
"intro": [
"У цій лабораторній роботі ви продовжите працювати з рядками і конкатенацією, створюючи та налаштовуючи різні історії."
]
},
"lecture-working-with-data-types": {
"title": "Робота з типами даних",
"intro": [
"In the following lessons, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
]
},
"review-javascript-variables-and-data-types": {
"title": "Повторення змінних та типів даних в JavaScript",
"intro": [
"Перш ніж перейти до тесту «Змінні та типи даних в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати змінні, типи даних, логи та коментування."
]
},
"quiz-javascript-variables-and-data-types": {
"title": "Тест «Змінні та типи даних в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Змінні та типи даних в JavaScript»."
]
},
"lecture-working-with-strings-in-javascript": {
"title": "Робота з рядками в JavaScript",
"intro": [
"In these lessons, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
]
},
"workshop-teacher-chatbot": {
"title": "Створіть вчителя-бота",
"intro": [
"У цьому практичному занятті ви продовжите знайомство з рядками JavaScript, створивши чат-бот.",
"Ви навчитеся працювати з шаблонними літерами та методом <code>indexOf</code>."
]
},
"lecture-working-with-string-character-methods": {
"title": "Working with String Character Methods",
"intro": [
"In this lesson you will learn about ASCII character encoding and how to use JavaScript's <code>charCodeAt()</code> and <code>fromCharCode()</code> methods to convert between characters and their numerical ASCII values."
]
},
"lecture-working-with-string-search-and-slice-methods": {
"title": "Working with String Search and Slice Methods",
"intro": [
"In this lesson you will learn how to search for substrings using the <code>includes()</code> method and how to extract portions of strings using the <code>slice()</code> method."
]
},
"lecture-working-with-string-formatting-methods": {
"title": "Working with String Formatting Methods",
"intro": [
"In this lesson you will learn how to format strings by changing their case using <code>toUpperCase()</code> and <code>toLowerCase()</code> methods, and how to remove whitespace using <code>trim()</code>, <code>trimStart()</code>, and <code>trimEnd()</code> methods."
]
},
"lecture-working-with-string-modification-methods": {
"title": "Working with String Modification Methods",
"intro": [
"In this lesson you will learn how to modify strings by replacing parts of them using the <code>replace()</code> method and how to repeat strings multiple times using the <code>repeat()</code> method."
]
},
"workshop-string-transformer": {
"title": "Build a String Transformer",
"intro": [
"In this workshop, you will practice working with the <code>replace()</code>, <code>replaceAll()</code> and <code>repeat()</code> methods."
]
},
"review-javascript-strings": {
"title": "Повторення рядків у JavaScript",
"intro": [
"Перш ніж перейти до тесту «Рядки в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з шаблонними літералами, а також з методами <code>slice</code>, <code>includes</code>, <code>trim</code> та багато іншого."
]
},
"quiz-javascript-strings": {
"title": "Тест «Рядки в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Рядки в JavaScript»."
]
},
"lecture-working-with-numbers-and-arithmetic-operators": {
"title": "Working with Numbers and Arithmetic Operators",
"intro": [
"In these lessons you will learn about the number type, arithmetic operators, and using them with numbers and strings."
]
},
"lecture-working-with-operator-behavior": {
"title": "Working with Operator Behavior",
"intro": [
"In these lessons you will learn about operator precedence, the increment and decrement operators, and compound assignment operators."
]
},
"lecture-working-with-comparison-and-boolean-operators": {
"title": "Working with Comparison and Boolean Operators",
"intro": [
"In these lessons you will learn about booleans, and equality and inequality operators, and other comparison operators."
]
},
"lecture-working-with-unary-and-bitwise-operators": {
"title": "Working with Unary and Bitwise Operators",
"intro": [
"In these lessons you will learn about unary and bitwise operators."
]
},
"lecture-working-with-conditional-logic-and-math-methods": {
"title": "Working with Conditional Logic and Math Methods",
"intro": [
"In these lessons you will learn about conditional statements, binary logical operators, and the <code>Math</code> object."
]
},
"workshop-mathbot": {
"title": "Створіть математичний бот",
"intro": [
"У цьому практичному занятті ви пригадаєте, як працювати з різними методами математичних об’єктів, створивши математичний бот."
]
},
"lab-fortune-teller": {
"title": "Створіть генератор передбачень",
"intro": [
"У цій лабораторній роботі ви створите генератор передбачень, де користувач випадково обиратиме передбачення зі всіх доступних.",
"Ви будете практикуватись працювати з методами <code>Math.random()</code> та <code>Math.floor()</code>, щоб генерувати випадкові числа."
]
},
"lecture-working-with-numbers-and-common-number-methods": {
"title": "Робота з числами й поширені методи роботи з ними",
"intro": [
"In these lessons, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
]
},
"review-javascript-math": {
"title": "Повторення об’єкту Math в JavaScript",
"intro": [
"Перш ніж перейти до тесту «Об’єкт <code>Math</code> в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з методами <code>Math.random()</code>, <code>Math.floor()</code> тощо."
]
},
"quiz-javascript-math": {
"title": "Тест «Об’єкт Math в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Об’єкт <code>Math</code> в JavaScript»."
]
},
"lecture-understanding-comparisons-and-conditionals": {
"title": "Знайомство з порівняннями й умовами",
"intro": [
"In these lessons, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
]
},
"review-javascript-comparisons-and-conditionals": {
"title": "Повторення порівняння та умов у JavaScript",
"intro": [
"Перш ніж перейти до тесту «Порівняння та умови в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з інструкціями <code>switch</code>, а також з іншими типами умовних інструкцій."
]
},
"quiz-javascript-comparisons-and-conditionals": {
"title": "Тест «Порівняння та умови в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Порівняння та умови в JavaScript»."
]
},
"lecture-working-with-functions": {
"title": "Робота з функціями",
"intro": [
"In these lessons, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
]
},
"workshop-calculator": {
"title": "Створіть калькулятор",
"intro": [
"У цьому практичному занятті ви пригадаєте, як працювати з функціями, створивши калькулятор."
]
},
"lab-boolean-check": {
"title": "Build a Boolean Check Function",
"intro": [
"In this lab, you'll implement a function that checks if a value is a boolean."
]
},
"lab-email-masker": {
"title": "Створіть маскування електронної пошти",
"intro": [
"У цій лабораторній роботі ви створите маскування е-пошти, яке прийматиме адресу та приховуватиме її.",
"Ви будете практикуватись розрізати рядок, застосовувати конкатенацію та використовувати функції."
]
},
"workshop-loan-qualification-checker": {
"title": "Створіть перевірку на дотримання вимог до позики",
"intro": [
"У цьому практичному занятті ви продовжите вивчати про умовні інструкції, створивши перевірку на дотримання вимог до позики.",
"Ви детальніше дізнаєтесь про інструкції <code>if</code> та як використовувати оператори порівняння і декілька умов в інструкції <code>if</code>."
]
},
"lab-celsius-to-fahrenheit-converter": {
"title": "Build a Celsius to Fahrenheit Converter",
"intro": [
"In this lab you will implement a function that converts the temperature from Celsius to Fahrenheit."
]
},
"lab-counting-cards": {
"title": "Build a Card Counting Assistant",
"intro": ["In this lab you will use JavaScript to count dealt cards."]
},
"lab-leap-year-calculator": {
"title": "Створіть калькулятор високосних років ",
"intro": [
"У цій лабораторній роботі ви будете використовувати умовні інструкції та цикли, щоб визначити, чи рік високосний."
]
},
"lab-truncate-string": {
"title": "Імплементуйте алгоритм скорочення рядка",
"intro": [
"У цій лабораторній роботі ви навчитесь скорочувати рядок до певної довжини."
]
},
"lab-string-ending-checker": {
"title": "Build a Confirm the Ending Tool",
"intro": [
"In this lab, you will implement a function that checks if a given string ends with a specified target string."
]
},
"review-javascript-functions": {
"title": "Повторення функцій в JavaScript",
"intro": [
"Перш ніж перейти до тесту «Функції в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати функції, стрілкові функції та область видимості."
]
},
"quiz-javascript-functions": {
"title": "Тест «Функції в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Функції в JavaScript»."
]
},
"lecture-working-with-arrays": {
"title": "Робота з масивами",
"intro": [
"In these lessons, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
]
},
"workshop-shopping-list": {
"title": "Створіть список покупок",
"intro": [
"У цьому практичному занятті ви попрактикуєтесь працювати з масивами, створивши список покупок.",
"Ви пригадаєте, як додавати й видаляти елементи з масиву за допомогою різних методів, серед яких <code>push</code>, <code>pop</code>, <code>shift</code> та <code>unshift</code>."
]
},
"lab-lunch-picker-program": {
"title": "Створіть програму для вибору перекусу",
"intro": [
"У цій лабораторній роботі ви пригадаєте, як працювати з масивами й випадковими числами, створивши програму для вибору перекусу."
]
},
"lab-golf-score-translator": {
"title": "Build a Golf Score Translator",
"intro": [
"For this lab, you will use array methods to translate golf scores into their nickname."
]
},
"lab-reverse-a-string": {
"title": "Build a String Inverter",
"intro": [
"In this lab, you create a function that reverses a given string."
]
},
"lecture-working-with-common-array-methods": {
"title": "Поширені методи роботи з масивами",
"intro": [
"In these lessons, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
]
},
"review-javascript-arrays": {
"title": "Повторення масивів у JavaScript",
"intro": [
"Перш ніж перейти до тесту «Масиви в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати деструктуризацію масивів, додавання і вилучення елементів з масиву та багато іншого."
]
},
"quiz-javascript-arrays": {
"title": "Тест «Масиви в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Масиви в JavaScript»."
]
},
"lecture-introduction-to-javascript-objects-and-their-properties": {
"title": "Introduction to JavaScript Objects and Their Properties",
"intro": [
"In these lessons, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
]
},
"lecture-working-with-optional-chaining-and-object-destructuring": {
"title": "Working with Optional Chaining and Object Destructuring",
"intro": [
"In these lessons, you will learn about advanced object manipulation techniques in JavaScript, including the optional chaining operator and object destructuring syntax."
]
},
"lecture-working-with-json": {
"title": "Working with JSON",
"intro": [
"In these lessons, you will learn about JavaScript Object Notation (JSON), including how to access JSON data and use the <code>JSON.parse()</code> and <code>JSON.stringify()</code> methods."
]
},
"workshop-recipe-tracker": {
"title": "Створіть трекер рецептів",
"intro": [
"У цьому практичному занятті ви пригадаєте, як працювати з об’єктами в JavaScript, створивши трекер рецептів."
]
},
"lab-quiz-game": {
"title": "Створіть ігрову вікторину",
"intro": [
"У цій лабораторній роботі ви створите ігрову вікторину, використовуючи масиви та об’єкти в JavaScript.",
"Ви будете практикуватись використовувати функції для випадкового вибору запитання й відповіді з масиву та порівнюватимете їх."
]
},
"lab-record-collection": {
"title": "Build a Record Collection",
"intro": [
"In this lab you will build a function to manage a record collection."
]
},
"review-javascript-objects": {
"title": "Повторення об’єктів у JavaScript",
"intro": [
"Перш ніж перейти до тесту «Об’єкти в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як отримувати інформацію з об’єктів, деструктуризацію об’єктів, роботу з JSON та багато іншого."
]
},
"quiz-javascript-objects": {
"title": "Тест «Об’єкти в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Об’єкти в JavaScript»."
]
},
"lecture-working-with-loops": {
"title": "Робота з циклами",
"intro": [
"Loops are an essential part of JavaScript. That's why the following lessons have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
]
},
"workshop-sentence-analyzer": {
"title": "Створіть аналізатор речень",
"intro": [
"У цьому практичному занятті ви пригадаєте, як працювати з циклами в JavaScript, створивши аналізатор речень."
]
},
"lab-longest-word-in-a-string": {
"title": "Build a Longest Word Finder App",
"intro": [
"In this lab, you will use JavaScript loops to find the length of the longest word in the given sentence."
]
},
"lab-factorial-calculator": {
"title": "Створіть калькулятор факторіалів ",
"intro": [
"У цій лабораторній роботі ви створите калькулятор факторіалів.",
"Ви будете практикуватись використовувати цикли та умови для обчислення факторіала числа."
]
},
"lab-mutations": {
"title": "Імплементуйте алгоритм мутацій",
"intro": [
"У цій лабораторній роботі ви навчитесь ітерувати над двома різними рядками і порівнювати їхні символи."
]
},
"lab-chunky-monkey": {
"title": "Імплементуйте алгоритм мавпочки Чанкі",
"intro": [
"У цій лабораторній роботі ви навчитесь ділити масив на менші частини, використовуючи метод на власний вибір."
]
},
"lab-profile-lookup": {
"title": "Build a Profile Lookup",
"intro": [
"In this lab, you'll create a function that looks up profile information."
]
},
"lab-repeat-a-string": {
"title": "Build a String Repeating Function",
"intro": [
"In this lab, you will implement loops to repeat a string a specified number of times."
]
},
"lab-missing-letter-detector": {
"title": "Build a Missing Letter Detector",
"intro": [
"In this lab, you will build a function that finds the missing letter in a given range of consecutive letters and returns it."
]
},
"review-javascript-loops": {
"title": "Повторення циклів у JavaScript",
"intro": [
"Перш ніж перейти до тесту «Цикли в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати цикл <code>for...of</code>, цикл <code>while</code>, інструкції <code>break and continue</code> та багато іншого."
]
},
"quiz-javascript-loops": {
"title": "Тест «Цикли в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Цикли в JavaScript»."
]
},
"lecture-working-with-types-and-objects": {
"title": "Working with Types and Objects",
"intro": [
"In these lessons you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
]
},
"lecture-working-with-arrays-variables-and-naming-practices": {
"title": "Working with Arrays, Variables, and Naming Practices",
"intro": [
"In these lessons you will learn about common practices for naming variables and functions, and how to work with arrays."
]
},
"lecture-working-with-code-quality-and-execution-concepts": {
"title": "Working with Code Quality and Execution Concepts",
"intro": [
"In these lessons you will learn what are linters and formatters, what is memory management, and closures."
]
},
"lab-largest-number-finder": {
"title": "Build the Largest Number Finder",
"intro": [
"In this lab, you will use JavaScript fundamentals to create a function that finds the largest number in each sub-array of a given array."
]
},
"lab-first-element-finder": {
"title": "Build a First Element Finder",
"intro": [
"In this lab, you will create a function that looks through an array and returns the first element in it that passes a \"truth test\"."
]
},
"lab-slice-and-splice": {
"title": "Імплементуйте алгоритм розрізання і з’єднання",
"intro": ["У цій лабораторній роботі ви навчитесь з’єднувати масиви."]
},
"lab-pyramid-generator": {
"title": "Створіть генератор пірамід",
"intro": [
"У цій лабораторній роботі ви створите генератор пірамід.",
"Ви будете приймати число як вхідні дані та, використовуючи цикл, згенеруєте піраміду з такою кількістю рівнів."
]
},
"lab-gradebook-app": {
"title": "Створіть відомість з оцінками",
"intro": [
"У цій лабораторній роботі ви створите електронну відомість з оцінками.",
"Ви будете використовувати умови, щоб визначити підсумкову оцінку студента на основі його балів."
]
},
"lecture-the-var-keyword-and-hoisting": {
"title": "Ключове слово var та підняття",
"intro": [
"In these lessons, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
]
},
"lab-title-case-converter": {
"title": "Build a Title Case Converter",
"intro": [
"In this lab, you will build a function that converts a string to title case."
]
},
"lab-falsy-remover": {
"title": "Implement a Falsy Remover",
"intro": [
"In this lab, you will create a function that removes all falsy values from an array."
]
},
"lab-inventory-management-program": {
"title": "Створіть програму керування запасами",
"intro": [
"У цій лабораторній роботі ви створите програму керування запасами за допомогою JavaScript.",
"Ви будете використовувати масив об’єктів JavaScript для керування запасами."
]
},
"lecture-understanding-modules-imports-and-exports": {
"title": "Знайомство з модулями, імпортом та експортом",
"intro": [
"In this lesson, you will learn about modules, imports, and exports in JavaScript."
]
},
"lecture-working-with-the-arguments-object-and-rest-parameters": {
"title": "Working with the arguments Object and Rest Parameters",
"intro": [
"In these lessons, you will learn how to work with the <code>arguments</code> object and rest parameter syntax."
]
},
"lab-unique-sorted-union": {
"title": "Implement a Unique Sorted Union",
"intro": [
"In this lab, you will create a function that takes two or more arrays and returns a new array of unique values in the order of the original provided arrays."
]
},
"lab-password-generator": {
"title": "Створіть генератор паролів",
"intro": [
"У цій лабораторній роботі ви створите застосунок для генерації паролів на основі вхідних даних користувача."
]
},
"lab-sum-all-numbers-algorithm": {
"title": "Імплементуйте алгоритм суми всіх чисел",
"intro": [
"У цій лабораторній роботі ви імплементуєте алгоритм суми всіх чисел. Цей алгоритм приймає два числа і повертає їхню суму, до якої також додається сума всіх чисел між ними."
]
},
"lab-dna-pair-generator": {
"title": "Implement a DNA Pair Generator",
"intro": [
"In this lab you will implement a DNA base pairing algorithm that converts a single DNA strand into complementary base pairs."
]
},
"lab-html-entitiy-converter": {
"title": "Implement an HTML Entity Converter",
"intro": [
"In this lab, you will convert special characters in a string to their corresponding HTML entities."
]
},
"lab-odd-fibonacci-sum-calculator": {
"title": "Build an Odd Fibonacci Sum Calculator",
"intro": [
"In this lab you will build an odd Fibonacci sum calculator that takes a number and returns the sum of all odd Fibonacci numbers that are less than or equal to that number."
]
},
"lab-element-skipper": {
"title": "Implement an Element Skipper",
"intro": [
"In this lab you will create a function that skips elements in an array based on a specified step value."
]
},
"lab-optional-arguments-sum-function": {
"title": "Build an Optional Arguments Sum Function",
"intro": [
"In this lab you will build a function that accepts up to two arguments, and sum them, but if there is only one argument returns a function that waits for the second number to sum."
]
},
"review-javascript-fundamentals": {
"title": "Повторення основ JavaScript",
"intro": [
"Перш ніж перейти до тесту «Основи JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати замикання, управління пам’яттю та багато іншого."
]
},
"quiz-javascript-fundamentals": {
"title": "Тест «Основи JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Основи JavaScript»."
]
},
"lecture-working-with-higher-order-functions-and-callbacks": {
"title": "Робота з функціями вищого порядку та зворотного виклику",
"intro": [
"In these lessons, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
]
},
"workshop-library-manager": {
"title": "Створіть менеджера бібліотеки",
"intro": [
"У цьому практичному занятті ви дізнаєтесь про методи вищого порядку для роботи з масивами, створивши менеджера бібліотеки."
]
},
"lab-book-organizer": {
"title": "Створіть органайзер для книжок",
"intro": [
"У цій лабораторній роботі ви створите органайзер для книжок, використовуючи функції вищого порядку в JavaScript."
]
},
"lab-sorted-index-finder": {
"title": "Implement a Sorted Index Finder",
"intro": [
"In this lab, you will create a function that finds the index at which a given number should be inserted into a sorted array to maintain the array's sorted order."
]
},
"lab-symmetric-difference": {
"title": "Build a Symmetric Difference Function",
"intro": [
"In this lab, you will practice using higher order functions to find the symmetric difference between two arrays."
]
},
"lab-value-remover-function": {
"title": "Implement a Value Remover Function",
"intro": [
"In this lab, you will create a function that removes all instances of a specified value from an array."
]
},
"lab-matching-object-filter": {
"title": "Implement a Matching Object Filter",
"intro": [
"In this lab, you will create a function that looks through an array of objects and returns an array of all objects that have matching property and value pairs."
]
},
"lab-prime-number-sum-calculator": {
"title": "Build a Prime Number Sum Calculator",
"intro": [
"In this lab you will build a prime number sum calculator that takes a number and returns the sum of all prime numbers that are less than or equal to that number."
]
},
"lab-range-based-lcm-calculator": {
"title": "Implement a Range-Based LCM Calculator",
"intro": [
"In this lab, you will create a function that takes an array of two numbers and returns the least common multiple (LCM) of those two numbers and all the numbers between them."
]
},
"lab-deep-flattening-tool": {
"title": "Create a Deep Flattening Tool",
"intro": [
"In this lab you will create a function that can flatten deeply nested arrays, handling any level of nesting without using built-in flat methods."
]
},
"lab-all-true-property-validator": {
"title": "Build an All-True Property Validator",
"intro": [
"In this lab you will build a function that checks if all objects in an array have a truthy value for a specific property."
]
},
"review-javascript-higher-order-functions": {
"title": "Повторення функцій вищого порядку в JavaScript",
"intro": [
"Перш ніж перейти до тесту «Функції вищого порядку в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з методами <code>map()</code>, <code>filter()</code> та <code>reduce()</code>."
]
},
"quiz-javascript-higher-order-functions": {
"title": "Тест «Функції вищого порядку в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Функції вищого порядку в JavaScript»."
]
},
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Робота з DOM, подіями click та web API",
"intro": [
"In these lessons, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
]
},
"workshop-storytelling-app": {
"title": "Створіть застосунок з оповіданнями",
"intro": [
"У цьому практичному занятті ви створите застосунок з оповіданнями, що дозволить відтворювати їхній список за жанром."
]
},
"workshop-emoji-reactor": {
"title": "Build an Emoji Reactor",
"intro": [
"In this workshop, you will build an emoji reactor to practice <code>querySelector</code> and <code>querySelectorAll</code>."
]
},
"lab-favorite-icon-toggler": {
"title": "Створіть перемикач вподобаної іконки",
"intro": [
"У цій лабораторній роботі ви створите перемикач вподобаної іконки, використовуючи подію click в JavaScript."
]
},
"lecture-understanding-the-event-object-and-event-delegation": {
"title": "Знайомство з подіями та їх делегуванням",
"intro": [
"In these lessons, you will learn about the event object, the change event, event bubbling, and event delegation."
]
},
"workshop-music-instrument-filter": {
"title": "Створіть музичний інструмент",
"intro": [
"У цьому практичному занятті ви створите музичний інструмент за допомогою JavaScript."
]
},
"lab-real-time-counter": {
"title": "Створіть лічильник реального часу",
"intro": [
"У цій лабораторній роботі ви створите лічильник символів у реальному часі.",
"Ви будете практикуватись працювати з подією <code>input</code>, коли користувач вводить текст у поле введення даних."
]
},
"lab-lightbox-viewer": {
"title": "Створіть переглядач Lightbox",
"intro": [
"У цій лабораторній роботі ви створите переглядач lightbox для перегляду зображень у сфокусованому режимі.",
"Ви будете практикуватись працювати з подіями натискання та перемиканням класів."
]
},
"workshop-rps-game": {
"title": "Створіть гру «Камінь-ножиці-папір»",
"intro": [
"У цьому практичному занятті ви пригадаєте маніпуляцію та події DOM, створивши гру «Камінь-ножиці-папір»."
]
},
"lab-football-team-cards": {
"title": "Створіть набір карток футбольних команд",
"intro": [
"У цій лабораторній роботі ви будете використовувати маніпуляцію DOM, деструктуризацію об’єктів, обробку подій та фільтрацію даних, щоб створити набір карток футбольних команд."
]
},
"review-dom-manipulation-and-click-events-with-javascript": {
"title": "Повторення маніпуляції DOM та подій Click в JavaScript",
"intro": [
"Перш ніж перейти до тесту «DOM», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з <code>DOM</code>, <code>Web API</code>, методом <code>addEventListener()</code>, зміною подій та багато іншого."
]
},
"quiz-dom-manipulation-and-click-event-with-javascript": {
"title": "Тест «Маніпуляція DOM та події Click в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Маніпуляція DOM та події Click в JavaScript»."
]
},
"lecture-understanding-aria-expanded-aria-live-and-common-aria-states": {
"title": "Understanding aria-expanded, aria-live, and Common ARIA States",
"intro": [
"In these lessons you will learn more about ARIA attributes like <code>aria-expanded</code>, <code>aria-live</code>, and common ARIA states."
]
},
"workshop-planets-tablist": {
"title": "Build a Planets Tablist",
"intro": [
"In this workshop, you will build a dynamic tabbed interface that showcases facts about the planets in the solar system."
]
},
"workshop-note-taking-app": {
"title": "Build a Note Taking App",
"intro": [
"In this workshop, you are going to build an accessible note taking app.",
"This will provide you with the opportunity to practice working with <code>aria-live</code> attribute."
]
},
"lab-theme-switcher": {
"title": "Build a Theme Switcher",
"intro": [
"In this lab, you will build a theme switcher and practice working with the <code>aria-haspopup</code>, <code>aria-expanded</code>, and <code>aria-controls</code> attributes."
]
},
"review-js-a11y": {
"title": "Повторення JavaScript та доступності",
"intro": [
"Перш ніж перейти до тесту «JavaScript та доступність», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з атрибутами <code>aria-expanded</code>, <code>aria-live</code> та <code>aria-controls</code>."
]
},
"quiz-js-a11y": {
"title": "Тест «JavaScript та доступність»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «JavaScript та доступність»."
]
},
"lecture-debugging-techniques": {
"title": "Техніки налагодження",
"intro": [
"In these lessons, you will learn about the common errors in JavaScript and the techniques you can use to fix them a process called debugging."
]
},
"lab-random-background-color-changer": {
"title": "Налагодьте перемикач кольору фону",
"intro": [
"У цій лабораторній роботі ви налагодите перемикач кольору фону та виправите помилки, щоб він працював правильно."
]
},
"review-debugging-javascript": {
"title": "Повторення налагодження JavaScript",
"intro": [
"Перш ніж перейти до тесту «Налагодження JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з інструкцією <code>throw</code>, <code>try...catch...finally</code> та багато іншого."
]
},
"quiz-debugging-javascript": {
"title": "Тест «Налагодження JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Налагодження JavaScript»."
]
},
"lecture-working-with-regular-expressions": {
"title": "Робота з регулярними виразами",
"intro": [
"In these lessons, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
]
},
"workshop-spam-filter": {
"title": "Створіть спам-фільтр",
"intro": [
"Регулярні вирази (відомі як «regex» або «regexp») — це шаблони, які допомагають програмістам поєднувати, шукати та замінювати текст. Регулярні вирази надзвичайно потужні, але їх важко зрозуміти, оскільки у них використовуються спеціальні символи.",
"У цьому практичному занятті ви будете використовувати групи захоплення, позитивні та негативні перевірки, а також інші техніки, щоб текст відповідав бажаному."
]
},
"lab-palindrome-checker": {
"title": "Створіть перевірку паліндрома",
"intro": [
"У цій лабораторній роботі ви створите застосунок, який перевіряє, чи слово є паліндромом."
]
},
"lab-markdown-to-html-converter": {
"title": "Створіть конвертер з markdown у HTML",
"intro": [
"У цій лабораторній роботі ви створите конвертер з markdown у HTML за допомогою JavaScript.",
"Ви будете практикуватись працювати з регулярними виразами, маніпулювати над рядками та багато іншого."
]
},
"lab-regex-sandbox": {
"title": "Створіть пісочницю для регулярних виразів",
"intro": [
"У цій лабораторній роботі ви створите пісочницю для регулярних виразів."
]
},
"lab-spinal-case-converter": {
"title": "Implement a Spinal Case Converter",
"intro": [
"In this lab, you will create a function that converts a given string to spinal case which is a style of writing where all letters are lowercase and separated by hyphens."
]
},
"lab-pig-latin": {
"title": "Implement a Pig Latin Translator",
"intro": [
"In this lab, you'll implement a Pig Latin translator using JavaScript.",
"You'll practice string manipulation, conditional logic, and regular expressions."
]
},
"lab-smart-word-replacement": {
"title": "Build a Smart Word Replacement Function",
"intro": [
"In this lab, you will use regex to create a function that performs a search and replace operation on a given string."
]
},
"review-javascript-regular-expressions": {
"title": "Повторення регулярних виразів у JavaScript",
"intro": [
"Перш ніж перейти до тесту «Регулярні вирази», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати перевірки уперед і назад, загальні модифікатори регулярних виразів та багато іншого."
]
},
"quiz-javascript-regular-expressions": {
"title": "Тест «Регулярні вирази в JavaScript»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Регулярні вирази в JavaScript»."
]
},
"lecture-understanding-form-validation": {
"title": "Знайомство з валідацією форм",
"intro": [
"In these lessons, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
]
},
"workshop-calorie-counter": {
"title": "Створіть калькулятор калорій",
"intro": [
"Іноді при створенні вебзастосунків потрібно працювати з вхідними даними від користувача. У цьому практичному занятті ви будете обробляти вхідні дані користувача, виконувати обчислення на основі цих даних та динамічно оновлювати інтерфейс для відтворення результатів.",
"Ви також попрактикуєте регулярні вирази, шаблонні літерали, метод <code>addEventListener()</code> та багато іншого."
]
},
"lab-customer-complaint-form": {
"title": "Створіть форму для скарг",
"intro": [
"У цій лабораторній роботі ви будете працювати над формою для скарг від клієнтів, використовуючи JavaScript.",
"Ви будете практикуватись перевіряти дані форми, відтворювати повідомлення про помилки та запобігати відправленню форми, якщо є помилки."
]
},
"review-form-validation-with-javascript": {
"title": "Повторення валідації форм з JavaScript",
"intro": [
"Перш ніж перейти до тесту «Валідація форм», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати метод <code>preventDefault()</code>, подію <code>submit</code> та багато іншого."
]
},
"quiz-form-validation-with-javascript": {
"title": "Тест «Валідація форм з JavaScript»",
"intro": ["Перевірте, що ви дізнались про валідацію форм з JavaScript."]
},
"lecture-working-with-dates": {
"title": "Робота з датами",
"intro": [
"In these lessons, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
]
},
"lab-date-conversion": {
"title": "Створіть програму для перетворення дати",
"intro": [
"У цій лабораторній роботі ви створите програму, яка перетворюватиме дату з одного формату в інший."
]
},
"review-javascript-dates": {
"title": "Повторення дат у JavaScript",
"intro": [
"Перш ніж перейти до тесту «Дати», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати об’єкт <code>Date()</code> та поширені методи."
]
},
"quiz-javascript-dates": {
"title": "Тест «Дати в JavaScript»",
"intro": ["Перевірте, що ви дізнались про дати в JavaScript."]
},
"lecture-working-with-audio-and-video": {
"title": "Робота з аудіо та відео",
"intro": [
"In these lessons, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
]
},
"workshop-music-player": {
"title": "Створіть музичний плеєр",
"intro": [
"У цьому практичному занятті ви створите звичайний MP3-плеєр за допомогою HTML, CSS та JavaScript.",
"Цей проєкт охоплює ключові поняття, серед яких обробка аудіо, управління плейлистом, реалізація функцій програвання, паузи, наступної пісні та перемішування, а також динамічне оновлення інтерфейсу користувача на основі поточної пісні."
]
},
"lab-drum-machine": {
"title": "Створіть драм машину",
"intro": [
"У цій лабораторній роботі ви будете використовувати елемент <code>audio</code>, щоб створити драм машину."
]
},
"review-javascript-audio-and-video": {
"title": "Повторення аудіо та відео в JavaScript",
"intro": [
"Перш ніж перейти до тесту «Аудіо та відео в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати конструктор <code>Audio</code>, <code>HTMLMediaElement</code> API та багато іншого."
]
},
"quiz-javascript-audio-and-video": {
"title": "Тест «Аудіо та відео в JavaScript»",
"intro": ["Перевірте, що ви дізнались про аудіо та відео в JavaScript."]
},
"lecture-working-with-maps-and-sets": {
"title": "Робота з map та set",
"intro": [
"In these lessons, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
]
},
"workshop-plant-nursery-catalog": {
"title": "Створіть каталог рослин",
"intro": [
"У цьому практичному занятті ви попрактикуєте map та set, створивши каталог рослин у JavaScript."
]
},
"lab-voting-system": {
"title": "Створіть систему для голосування",
"intro": [
"У цій лабораторній роботі ви створите систему для голосування, використовуючи map та set.",
"Ви будете практикуватись використовувати об’єкт <code>Map</code> для зберігання пар ключ-значення та об’єкт <code>Set</code> для зберігання унікальних значень."
]
},
"review-javascript-maps-and-sets": {
"title": "Повторення map та set в JavaScript",
"intro": [
"Перш ніж перейти до тесту «Map та set в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати об’єкти <code>Map</code> та <code>Set</code>, а також WeakSet й WeakMap."
]
},
"quiz-javascript-maps-and-sets": {
"title": "Тест «Map та set в JavaScript»",
"intro": ["Перевірте, що ви дізнались про map та set в JavaScript."]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
"title": "Робота зі сховищем на клієнтській стороні та операціями CRUD",
"intro": [
"In these lessons, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
]
},
"workshop-todo-app": {
"title": "Створіть застосунок зі справами за допомогою локального сховища",
"intro": [
"Локальне сховище — це функція вебпереглядача, яка дозволяє вебзастосункам зберігати пари ключ-значення в браузері користувача. Воно також дозволяє зберігати дані протягом одного сеансу та використовувати їх в наступному.",
"У цьому практичному занятті ви навчитеся обробляти вхідні дані, управляти локальним сховищем, виконувати операції CRUD (створення, читання, оновлення, видалення), реалізовувати слухачів подій та перемикати елементи інтерфейсу користувача."
]
},
"lab-bookmark-manager-app": {
"title": "Створіть менеджера закладок",
"intro": [
"У цій лабораторній роботі ви створите менеджера закладок.",
"Ви будете використовувати локальне сховище, щоб зберігати закладки, і попрактикуєте їхнє додавання, видалення і відтворення."
]
},
"review-local-storage-and-crud": {
"title": "Повторення локального сховища та CRUD",
"intro": [
"Перш ніж перейти до тесту «Сховище <code>localStorage</code>», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати властивості <code>localStorage</code>, <code>sessionStorage</code> та багато іншого."
]
},
"quiz-local-storage-and-crud": {
"title": "Тест «Локальне сховище та CRUD»",
"intro": ["Перевірте, що ви дізнались про локальне сховище та CRUD."]
},
"lecture-understanding-how-to-work-with-classes-in-javascript": {
"title": "Знайомство з класами в JavaScript",
"intro": [
"In these lessons, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
]
},
"workshop-shopping-cart": {
"title": "Створіть кошик для покупок",
"intro": [
"У цьому практичному занятті ви створите кошик для покупок, використовуючи класи JavaScript.",
"Ви ознайомитесь з ключовим словом this, створите екземпляри класу, імплементуєте методи для маніпуляції даними та багато іншого."
]
},
"lab-project-idea-board": {
"title": "Створіть дошку ідей",
"intro": [
"У цій лабораторній роботі ви створите дошку ідей за допомогою ООП в JavaScript.",
"Ви будете практикуватись створювати класи, додавати методи до класів та створювати екземпляри класів."
]
},
"lab-bank-account-manager": {
"title": "Створіть програму для управління банківським рахунком",
"intro": [
"У цій лабораторній роботі ви створите просту систему управління транзакціями банківського рахунку."
]
},
"review-javascript-classes": {
"title": "Повторення класів у JavaScript",
"intro": [
"Перш ніж перейти до тесту «Класи в JavaScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати ключове слово <code>this</code>, наслідування класу та багато іншого."
]
},
"quiz-javascript-classes": {
"title": "Тест «Класи в JavaScript»",
"intro": ["Перевірте, що ви дізнались про класи в JavaScript."]
},
"lecture-understanding-recursion-and-the-call-stack": {
"title": "Знайомство з рекурсією та стеком викликів",
"intro": [
"In this lesson, you will learn about recursion and the call stack."
]
},
"workshop-decimal-to-binary-converter": {
"title": "Створіть конвертер десяткових чисел в бінарні",
"intro": [
"Рекурсія — це таке поняття в програмуванні, коли функція викликає сама себе. Це може перетворити складне завдання на декілька менших простіших завдань, допоки вони не стануть зрозумілими.",
"У цьому практичному занятті ви побудуєте конвертер десяткових чисел в бінарні за допомогою JavaScript. Ви будете використовувати основи рекурсії, дослідите стек викликів та створите візуальне представлення процесу рекурсії через анімацію."
]
},
"lab-permutation-generator": {
"title": "Створіть генератор перестановок",
"intro": [
"У цій лабораторній роботі ви створите генератор, який видаватиме всі можливі перестановки заданого рядка."
]
},
"review-recursion": {
"title": "Повторення рекурсії",
"intro": [
"Перш ніж перейти до тесту «Рекурсія», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати рекурсію і для чого її використовують."
]
},
"quiz-recursion": {
"title": "Тест «Рекурсія»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Рекурсія»."
]
},
"lecture-understanding-functional-programming": {
"title": "Знайомство з функціональним програмуванням",
"intro": [
"In these lessons, you will learn about functional programming and how to nest functions using a technique called currying."
]
},
"workshop-recipe-ingredient-converter": {
"title": "Створіть конвертер інгредієнтів",
"intro": [
"In the previous lessons, you learned the core concepts behind functional programming and currying.",
"Зараз ви зможете застосувати на практиці все те, що вивчили про каррування та функціональне програмування, створивши застосунок із конвертацією інгредієнтів."
]
},
"lab-sorting-visualizer": {
"title": "Створіть візуалізатор сортування",
"intro": [
"У цій лабораторній роботі ви будете використовувати JavaScript, щоб візуалізувати кроки алгоритму сортування бульбашкою, необхідні для впорядкування масиву цілих чисел."
]
},
"review-javascript-functional-programming": {
"title": "Повторення функціонального програмування в JavaScript",
"intro": [
"Перш ніж перейти до тесту «Функціональне програмування», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати поняття з функціонального програмування, каррування та багато іншого."
]
},
"quiz-javascript-functional-programming": {
"title": "Тест «Функціональне програмування в JavaScript»",
"intro": [
"Перевірте, що ви дізнались про функціональне програмування в JavaScript."
]
},
"lecture-understanding-asynchronous-programming": {
"title": "Знайомство з асинхронним програмуванням",
"intro": [
"In these lessons, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
]
},
"workshop-fcc-authors-page": {
"title": "Створіть сторінку автора fCC",
"intro": [
"Один із загальних аспектів веброзробки, якого потрібно навчитись — отримувати дані від зовнішнього API, а потім працювати з асинхронним JavaScript.",
"У цьому практичному занятті ви попрактикуєтесь використовувати метод fetch, динамічно оновлювати DOM для відтворення отриманих даних, а також розбивати дані на сторінки, щоб завантажувати результати партіями."
]
},
"lab-fcc-forum-leaderboard": {
"title": "Створіть таблицю лідерів на fCC",
"intro": [
"У цій лабораторній роботі ви застосуєте асинхронний JavaScript, щоб створити власну таблицю лідерів freeCodeCamp."
]
},
"lab-weather-app": {
"title": "Створіть застосунок з прогнозом погоди",
"intro": [
"У цій лабораторній роботі ви створите застосунок з прогнозом погоди, використовуючи API.",
"Ви будете практикуватись отримувати дані з API, зберігати та відтворювати їх у застосунку."
]
},
"review-asynchronous-javascript": {
"title": "Повторення асинхронного JavaScript",
"intro": [
"Пригадайте поняття з теми «Асинхронний JavaScript», щоб підготуватись до тесту."
]
},
"quiz-asynchronous-javascript": {
"title": "Тест «Асинхронний JavaScript»",
"intro": ["Перевірте, що ви дізнались про асинхронний JavaScript."]
},
"review-javascript": {
"title": "Повторення JavaScript",
"intro": [
"Перш ніж перейти до підготовчого екзамену «JavaScript», повторіть основні поняття з попередніх модулів.",
"Відкрийте цю сторінку, щоб пригадати змінні, рядки, булеві значення, функції, об’єкти, масиви, налагодження, роботу з DOM та багато іншого."
]
},
"kagw": {
"title": "258",
"intro": []
},
"lecture-introduction-to-javascript-libraries-and-frameworks": {
"title": "Вступ до бібліотек і фреймворків JavaScript",
"intro": [
"In these lessons, you will get an introduction to JavaScript libraries and frameworks. You will learn about the roles of JavaScript libraries and frameworks, single page applications (SPAs) and the issue surrounding them, and React, the most popular frontend JavaScript library."
]
},
"workshop-reusable-mega-navbar": {
"title": "Створіть Navbar, придатний для повторного використання",
"intro": [
"In the previous lessons, you learned how to work with components in React.",
"У цьому практичному занятті ви створите компонент Navbar, придатний для повторного використання, за допомогою React."
]
},
"lab-reusable-footer": {
"title": "Створіть нижній колонтитул, придатний для повторного використання",
"intro": [
"У цій лабораторній роботі ви створите нижній колонтитул, придатний для повторного використання, за допомогою React."
]
},
"lecture-working-with-data-in-react": {
"title": "Робота з даними в React",
"intro": [
"In these lessons, you will learn how to work with data in React. You will learn about <code>props</code> and how to pass them around, conditional rendering, how to render lists, and how to use inline styles."
]
},
"workshop-reusable-profile-card-component": {
"title": "Створіть картку профілю",
"intro": [
"У цьому практичному занятті ви дізнаєтесь, як працювати з пропсами, створивши картку профілю, доступну для повторного використання."
]
},
"lab-mood-board": {
"title": "Створіть мудборд",
"intro": [
"У цій лабораторній роботі ви створите мудборд, використовуючи React.",
"Ви будете практикуватись передавати дані між батьківським і дочірнім компонентами, використовуючи пропси."
]
},
"review-react-basics": {
"title": "Повторення основ React",
"intro": [
"Пригадайте поняття з теми «Основи React», щоб підготуватись до тесту."
]
},
"quiz-react-basics": {
"title": "Тест «Основи React»",
"intro": [
"Цей тест перевірить, наскільки добре ви засвоїли матеріал з теми «Основи React»."
]
},
"lecture-working-with-state-and-responding-to-events-in-react": {
"title": "Робота зі станом та відповідь на подію в React",
"intro": [
"In these lessons, you will learn about working with state and responding to events with React."
]
},
"workshop-toggle-text-app": {
"title": "Перемикач тексту",
"intro": [
"У цьому практичному занятті ви продовжите знайомство з хуком <code>useState()</code>, створивши застосунок, який ховає і відтворює частину тексту на екрані."
]
},
"lab-color-picker": {
"title": "Створіть застосунок для пошуку кольору",
"intro": [
"У цій лабораторній роботі ви створите застосунок для пошуку кольору.",
"Ви будете використовувати стани та хуки, щоб керувати властивостями елемента."
]
},
"lecture-understanding-effects-and-referencing-values-in-react": {
"title": "Знайомство з ефектами та посиланнями на значення в React",
"intro": [
"In these lessons, you will learn about effects and referencing values with React."
]
},
"workshop-fruit-search-app": {
"title": "Створіть застосунок із пошуку фруктів",
"intro": [
"У цьому практичному занятті ви продовжите знайомство з хуком <code>useEffect()</code>, створивши застосунок, який отримує дані з API на основі введених даних і динамічно показує результат."
]
},
"lab-one-time-password-generator": {
"title": "Створіть генератор одноразових паролів",
"intro": [
"У цій лабораторній роботі ви створите генератор одноразових паролів.",
"Ви застосуєте хуки useEffect на практиці, щоб створити таймер і згенерувати одноразовий пароль."
]
},
"review-react-state-and-hooks": {
"title": "Повторення станів та хуків у React",
"intro": [
"Перш ніж перейти до тесту «Стани та хуки в React», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати зі станами, кастомними хуками та багато іншого."
]
},
"quiz-react-state-and-hooks": {
"title": "Тест «Стани та хуки в React»",
"intro": [
"Перевірте, що ви дізнались про хуки <code>useState</code> та <code>useEffect</code> в React."
]
},
"lecture-working-with-forms-in-react": {
"title": "Робота з формами в React",
"intro": [
"In these lessons, you will learn about working with forms in React."
]
},
"workshop-superhero-application-form": {
"title": "Створіть анкету супергероя",
"intro": [
"У цьому практичному занятті ви створите анкету для супергероїв."
]
},
"lab-event-rsvp": {
"title": "Створіть RSVP-запрошення",
"intro": [
"У цій лабораторній роботі ви створите RSVP-запрошення на подію за допомогою React.",
"Ви будете користуватись хуком useState, щоб керувати вхідними даними форми та відтворити відповіді користувача."
]
},
"lecture-working-with-data-fetching-and-memoization-in-react": {
"title": "Робота з обробкою даних та мемоїзацією в React",
"intro": [
"In these lessons, you will learn about data fetching and memoization in React."
]
},
"workshop-shopping-list-app": {
"title": "Створіть список покупок",
"intro": [
"У цьому практичному занятті ви будете використовувати хуки <code>useMemo()</code> та <code>useCallback()</code> в React, щоб створити простий застосунок зі списком покупок. Ви дізнаєтесь про стани та життєвий цикл компонентів React, а також як застосовувати мемоізацію для зниження ререндерингу і покращення ефективності застосунків."
]
},
"lab-currency-converter": {
"title": "Створіть конвертер валют",
"intro": [
"У цій лабораторній роботі ви створите застосунок для конвертації валют.",
"Ви будете використовувати стан React, мемоїзацію і контрольовані компоненти, щоб конвертувати валюти."
]
},
"lecture-routing-react-frameworks-and-dependency-management-tools": {
"title": "Маршрутизація, фреймворки React і засоби управління залежностями",
"intro": [
"In these lessons, you will learn about routing in React, React frameworks, and dependency management tools."
]
},
"lab-tic-tac-toe": {
"title": "Створіть гру «Хрестики-нулики»",
"intro": [
"У цій лабораторній роботі ви створите гру «Хрестики-нулики» за допомогою React.",
"Ви попрактикуєте керування станом, обробку користувацьких взаємодій та динамічну зміну інтерфейсу користувача."
]
},
"lecture-react-strategies-and-debugging": {
"title": "Стратегії та налагодження в React",
"intro": [
"In these lessons, you will learn about different strategies and debugging in React."
]
},
"review-react-forms-data-fetching-and-routing": {
"title": "Повторення форм, обробки даних і маршрутизації в React",
"intro": [
"Перш ніж перейти до тесту «Форми, обробка даних і маршрутизація в React», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати маршрутизацію, форми, керування станом, передачу пропсів, обробку даних та багато іншого."
]
},
"quiz-react-forms-data-fetching-and-routing": {
"title": "Тест «Форми, обробка даних і маршрутизація в React»",
"intro": [
"Перевірте, що ви дізнались про форми, обробку даних і маршрутизацію."
]
},
"lecture-understanding-performance-in-web-applications": {
"title": "Знайомство з продуктивністю у вебзастосунках",
"intro": [
"In these lessons, you will learn performance in web applications."
]
},
"review-web-performance": {
"title": "Повторення вебпродуктивності",
"intro": [
"Перш ніж перейти до тесту «Вебпродуктивність», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати INP, ключові метрики для вимірювання продуктивності, API для вебпродуктивності та багато іншого."
]
},
"quiz-web-performance": {
"title": "Тест «Вебпродуктивність»",
"intro": ["Перевірте, що ви дізнались про вебпродуктивність."]
},
"lecture-understanding-the-different-types-of-testing": {
"title": "Знайомство з різними видами тестування",
"intro": [
"In these lessons, you will learn about the different types of testing."
]
},
"review-testing": {
"title": "Повторення тестування",
"intro": [
"Перш ніж перейти до тесту «Тестування», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати модульне тестування, наскрізне тестування, функціональне тестування та багато іншого."
]
},
"quiz-testing": {
"title": "Тест «Тестування»",
"intro": ["Перевірте, що ви дізнались про тестування."]
},
"lecture-working-with-css-libraries-and-frameworks": {
"title": "Робота з бібліотеками та фреймворками CSS",
"intro": [
"In these lessons, you will learn how to work with CSS libraries and frameworks."
]
},
"workshop-error-message-component": {
"title": "Створіть компонент ErrorMessage",
"intro": [
"У цьому практичному занятті ви ознайомитесь з основами Tailwind CSS, створивши компонент ErrorMessage."
]
},
"workshop-tailwind-cta-component": {
"title": "Build a CTA Component",
"intro": [
"In this workshop, you will build a call to action (CTA) component using Tailwind CSS."
]
},
"workshop-tailwind-pricing-component": {
"title": "Build a Pricing Component",
"intro": [
"In this workshop, you will build a pricing component using Tailwind CSS.",
"You will practice working with Tailwind CSS grid utility classes."
]
},
"lab-music-shopping-cart-page": {
"title": "Створіть кошик з покупками",
"intro": [
"У цій лабораторній роботі ви створите кошик з покупками за допомогою Tailwind CSS.",
"Ви будете використовувати класи-утиліти для макетів, кольорів, точок зупинок і багато іншого."
]
},
"lab-photography-exhibit": {
"title": "Design a Photography Exhibit",
"intro": [
"In this lab, you will practice working with Tailwind CSS by designing a photography exhibit webpage."
]
},
"review-css-libraries-and-frameworks": {
"title": "Повторення бібліотек та фреймворків CSS",
"intro": [
"Перш ніж перейти до тесту «Бібліотеки та фреймворки CSS», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати фреймворки CSS, препроцесори CSS, Sass та багато іншого."
]
},
"quiz-css-libraries-and-frameworks": {
"title": "Тест «Бібліотеки та фреймворки CSS»",
"intro": [
"Перевірте, що ви дізнались про бібліотеки та фреймворки CSS."
]
},
"lecture-introduction-to-typescript": {
"title": "Вступ до TypeScript",
"intro": [
"In these lessons, you will learn what TypeScript is and how to use it."
]
},
"lecture-working-with-generics-and-type-narrowing": {
"title": "Working with Generics and Type Narrowing",
"intro": [
"In these lessons, you will learn about generics and type narrowing in TypeScript."
]
},
"lecture-working-with-typescript-configuration-files": {
"title": "Working with TypeScript Configuration Files",
"intro": [
"In this lesson, you will learn about TypeScript configuration files and how to use them."
]
},
"trvf": {
"title": "293",
"intro": []
},
"kwmg": {
"title": "294",
"intro": []
},
"nodx": {
"title": "295",
"intro": []
},
"erfj": {
"title": "296",
"intro": []
},
"muyw": {
"title": "297",
"intro": []
},
"review-typescript": {
"title": "Повторення Typescript",
"intro": [
"Перш ніж перейти до тесту «TypeScript», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати типи даних у TypeScript, дженерики, звуження типів та багато іншого."
]
},
"quiz-typescript": {
"title": "Тест «TypeScript»",
"intro": ["Перевірте, що ви дізнались про Typescript."]
},
"review-front-end-libraries": {
"title": "Повторення бібліотек для Front End",
"intro": [
"Пригадайте поняття з теми «Бібліотеки для Front End», щоб підготуватись до тесту."
]
},
"rdzk": {
"title": "301",
"intro": []
},
"vtpz": {
"title": "302",
"intro": []
},
"lecture-introduction-to-python": {
"title": "Вступ до Python",
"intro": [
"In these lessons, you will learn the fundamentals of Python. You'll learn about variables, data types, operators, control flow, functions, and more."
]
},
"workshop-caesar-cipher": {
"title": "Створіть шифр Цезаря",
"intro": [
"У цьому практичному занятті ви створите шифр Цезаря, застосовуючи основні поняття з Python (серед яких рядки, умовні інструкції, функції тощо)."
]
},
"lab-rpg-character": {
"title": "Створіть RPG-персонажа",
"intro": [
"У цій лабораторній роботі ви попрактикуєтеся в основах Python, створивши RPG-персонажа."
]
},
"review-python-basics": {
"title": "Повторення основ Python",
"intro": [
"Перш ніж перейти до тесту «Основи Python», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати, як працювати з рядками, функціями, операторами порівняння тощо."
]
},
"quiz-python-basics": {
"title": "Тест «Основи Python»",
"intro": ["Перевірте, що ви дізнались про основи Python."]
},
"lecture-working-with-loops-and-sequences": {
"title": "Робота з циклами та послідовностями",
"intro": [
"Learn about Working with Loops and Sequences in these lessons."
]
},
"workshop-pin-extractor": {
"title": "Build a Pin Extractor",
"intro": [
"In this workshop you will build a function to extract secret pins hidden in poems."
]
},
"lab-number-pattern-generator": {
"title": "Створіть генератор числових патернів",
"intro": [
"У цій лабораторній роботі ви створите генератор числових патернів."
]
},
"review-loops-and-sequences": {
"title": "Повторення циклів та послідовностей",
"intro": [
"Перш ніж перейти до тесту «Цикли та послідовності», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати цикли, списки, кортежі та інші поширені методи."
]
},
"quiz-loops-and-sequences": {
"title": "Тест «Цикли та послідовності»",
"intro": [
"Перевірте, що ви дізнались про цикли та послідовності в Python."
]
},
"lecture-working-with-dictionaries-and-sets": {
"title": "Робота зі словниками та наборами",
"intro": [
"Learn about working with dictionaries and sets in these lessons."
]
},
"lecture-working-with-modules": {
"title": "Робота з модулями",
"intro": ["Learn about working with modules in these lessons."]
},
"workshop-medical-data-validator": {
"title": "Build a Medical Data Validator",
"intro": [
"In this workshop, you'll practice working with dictionaries and sets while validating a collection of medical data."
]
},
"lab-user-configuration-manager": {
"title": "Build a User Configuration Manager",
"intro": [
"In this lab, you will practice working with dictionaries in Python."
]
},
"review-dictionaries-and-sets": {
"title": "Повторення словників та наборів",
"intro": [
"Перш ніж перейти до тесту «Словники та набори», повторіть основні поняття.",
"Відкрийте цю сторінку, щоб пригадати поняття, які стосуються словників і наборів, а також імпорту модулів."
]
},
"quiz-dictionaries-and-sets": {
"title": "Тест «Словники та набори»",
"intro": ["Перевірте, що ви дізнались про словники та набори в Python."]
},
"lecture-understanding-error-handling": {
"title": "Знайомство з обробкою помилок",
"intro": [
"In these lessons, you will learn about error handling in Python. You will learn about the different types of errors, some good debugging practices, what exceptions are, and how to handle them."
]
},
"lab-isbn-validator": {
"title": "Debug an ISBN Validator",
"intro": [
"In this lab, you will start with a bugged app, and you will need to debug and fix the bugs until it is working properly."
]
},
"review-error-handling": {
"title": "Повторення обробки помилок",
"intro": [
"Перш ніж перейти до тесту «Обробка помилок», повторіть основні поняття."
]
},
"quiz-error-handling": {
"title": "Тест «Обробка помилок»",
"intro": ["Перевірте, що ви дізнались про обробку помилок в Python."]
},
"lecture-classes-and-objects": {
"title": "Класи та об’єкти",
"intro": ["Learn about Classes and Objects in these lessons."]
},
"workshop-musical-instrument-inventory": {
"title": "Build a Musical Instrument Inventory",
"intro": [
"In this workshop, you will learn about classes, objects, and methods in Python by building a simple musical instrument inventory."
]
},
"lab-planet-class": {
"title": "Build a Planet Class",
"intro": [
"In this lab you will create a class that represents a planet."
]
},
"workshop-email-simulator": {
"title": "Build an Email Simulator",
"intro": [
"In this workshop you will implement classes and objects by building an email simulator that simulates sending, receiving, and managing emails between different users."
]
},
"lab-budget-app": {
"title": "Створіть застосунок для ведення бюджету",
"intro": [
"У цій лабораторній роботі ви побудуєте застосунок для ведення бюджету, створивши клас і методи для нього."
]
},
"review-classes-and-objects": {
"title": "Повторення класів та об’єктів",
"intro": [
"Перш ніж перейти до тесту «Класи та об’єкти», повторіть основні поняття.",
"Open up this page to review concepts like how classes work, what are objects, methods, attributes, special methods and more."
]
},
"quiz-classes-and-objects": {
"title": "Тест «Класи та об’єкти»",
"intro": ["Перевірте, що ви дізнались про класи та об’єкти в Python."]
},
"lecture-understanding-object-oriented-programming-and-encapsulation": {
"title": "Знайомство з об’єктноорієнтованим програмуванням та інкапсуляцією",
"intro": [
"Learn about Understanding Object Oriented Programming and Encapsulation in these lessons."
]
},
"workshop-salary-tracker": {
"title": "Build a Salary Tracker",
"intro": [
"In this workshop, you'll practice encapsulation, properties, and other OOP concepts by building a salary tracking system for employees."
]
},
"lab-placeholder-oop-1": {
"title": "Placeholder - Waiting for title",
"intro": [""]
},
"lecture-understanding-inheritance-and-polymorphism": {
"title": "Знайомство з успадкуванням та поліморфізмом",
"intro": [
"Learn about Understanding Inheritance and Polymorphism in these lessons."
]
},
"workshop-media-catalogue": {
"title": "Build a Media Catalogue",
"intro": [
"In this workshop, you will create a media catalogue application using object-oriented programming principles."
]
},
"lab-polygon-area-calculator": {
"title": "Створіть калькулятор площі багатокутника",
"intro": [
"У цій лабораторній роботі ви будете використовувати об’єктноорієнтоване програмування, щоб розрахувати площу різних багатокутників (наприклад, квадратів і прямокутників)."
]
},
"lecture-understanding-abstraction": {
"title": "Знайомство з абстракцією",
"intro": ["Learn about Understanding Abstraction in these lessons."]
},
"workshop-placeholder-oop-3": {
"title": "Placeholder - Waiting for title",
"intro": [""]
},
"lab-placeholder-oop-3": {
"title": "",
"intro": [""]
},
"review-object-oriented-programming": {
"title": "Повторення об’єктноорієнтованого програмування",
"intro": [
"Перш ніж перейти до тесту «Об’єктноорієнтоване програмування», повторіть основні поняття."
]
},
"quiz-object-oriented-programming": {
"title": "Тест «Об’єктноорієнтоване програмування»",
"intro": [
"Перевірте, що ви дізнались про об’єктноорієнтоване програмування в Python."
]
},
"lecture-working-with-common-data-structures": {
"title": "Робота з поширеними структурами даних",
"intro": [
"Learn about Working with Common Data Structures in these lessons."
]
},
"workshop-linked-list-class": {
"title": "Build a Linked List",
"intro": [
"In this workshop, you'll practice working with data structures by building a linked list."
]
},
"lab-hash-table": {
"title": "Створіть хеш-таблицю",
"intro": [
"Хеш-таблиця — це структура даних, яку використовують для зберігання пар ключ-значення і оптимізовують для швидкого пошуку.",
"У цій лабораторній роботі ви застосуєте знання про структури даних, щоб створити хеш-таблицю."
]
},
"review-data-structures": {
"title": "Повторення структур даних",
"intro": [
"Перш ніж перейти до тесту «Структури даних», повторіть основні поняття.",
"Open up this page to review concepts like the different data structures, algorithms, time and space complexity, and big O notation."
]
},
"quiz-data-structures": {
"title": "Тест «Структури даних»",
"intro": ["Перевірте, що ви дізнались про структури даних в Python."]
},
"lecture-searching-and-sorting-algorithms": {
"title": "Алгоритми пошуку та сортування",
"intro": [
"Learn about fundamental searching and sorting algorithms, including linear search, binary search, and merge sort.",
"These lessons cover algorithm implementations, time and space complexity analysis, and the divide and conquer programming paradigm."
]
},
"workshop-binary-search": {
"title": "Імплементуйте алгоритм бінарного пошуку",
"intro": [
"Алгоритм бінарного пошуку — це алгоритм пошуку, який використовують для пошуку конкретного елемента у відсортованому списку.",
"У цьому практичному занятті ви імплементуєте алгоритм бінарного пошуку і повернете шлях до потрібного елемента або рядок 'Value not found'."
]
},
"lab-bisection-method": {
"title": "Implement the Bisection Method",
"intro": [
"In this lab, you will implement the bisection method to find the square root of a number."
]
},
"workshop-merge-sort": {
"title": "Імплементуйте алгоритм сортування злиттям",
"intro": [
"Алгоритм сортування злиттям — це алгоритм сортування, заснований на принципі «розділяй і володарюй».",
"У цьому практичному занятті ви імплементуєте алгоритм сортування злиттям, щоб відсортувати список випадкових чисел."
]
},
"lab-quicksort": {
"title": "Імплементуйте алгоритм швидкого сортування",
"intro": [
"У цій лабораторній роботі ви імплементуєте алгоритм швидкого сортування, щоб відсортувати список цілих чисел."
]
},
"lab-selection-sort": {
"title": "Імплементуйте алгоритм сортування вибором",
"intro": [
"У цій лабораторній роботі ви імплементуєте алгоритм сортування вибором."
]
},
"lab-luhn-algorithm": {
"title": "Імплементуйте алгоритм Луна",
"intro": [
"У цій лабораторній роботі ви імплементуєте алгоритм Луна, щоб підтвердити ідентифікаційні номери (наприклад, номер кредитної картки)."
]
},
"lab-tower-of-hanoi": {
"title": "Implement the Tower of Hanoi Algorithm",
"intro": [
"In this lab, you will implement an algorithm to solve the Tower of Hanoi puzzle."
]
},
"review-searching-and-sorting-algorithms": {
"title": "Повторення алгоритмів пошуку та сортування",
"intro": [
"Перш ніж перейти до тесту «Алгоритми пошуку та сортування», повторіть основні поняття."
]
},
"quiz-searching-and-sorting-algorithms": {
"title": "Тест «Алгоритми пошуку та сортування»",
"intro": [
"Перевірте, що ви дізнались про алгоритми пошуку та сортування в Python."
]
},
"lecture-understanding-graphs-and-trees": {
"title": "Знайомство з графами та деревами",
"intro": [
"In this lesson, you will learn about fundamental data structures like graphs, trees, and their practical applications in computer science."
]
},
"workshop-shortest-path-algorithm": {
"title": "Створіть алгоритм найкоротшого шляху",
"intro": [""]
},
"lab-adjacency-list-to-matrix-converter": {
"title": "Build an Adjacency List to Matrix Converter",
"intro": [
"In this lab, you will implement a function that converts an adjacency list representation of a graph into an adjacency matrix representation."
]
},
"workshop-breadth-first-search": {
"title": "Implement the Breadth-First Search Algorithm",
"intro": [
"In this workshop, you will use the bread-first search algorithm to generate all valid combinations of parentheses."
]
},
"lab-depth-first-search": {
"title": "Implement the Depth-First Search Algorithm",
"intro": [
"In this lab, you will implement the Depth-First Search Algorithm."
]
},
"lab-n-queens-problem": {
"title": "Implement the N-Queens Problem",
"intro": [
"In this lab, you will implement a solution for the N-Queens problem."
]
},
"review-graphs-and-trees": {
"title": "Повторення графів та дерев",
"intro": [
"Перш ніж перейти до тесту «Графи та дерева», повторіть основні поняття."
]
},
"quiz-graphs-and-trees": {
"title": "Тест «Графи та дерева»",
"intro": ["Перевірте, що ви дізнались про графи та дерева в Python."]
},
"lecture-understanding-dynamic-programming": {
"title": "Знайомство з динамічним програмуванням",
"intro": [
"In this lesson, you will learn about dynamic programming, an algorithmic technique used to solve complex problems efficiently by breaking them down into simpler subproblems."
]
},
"lab-nth-fibonacci-number": {
"title": "Створіть калькулятор n-го числа Фібоначчі",
"intro": [
"In this lab you will implement a Fibonacci sequence calculator using a dynamic programming approach."
]
},
"review-dynamic-programming": {
"title": "Повторення динамічного програмування",
"intro": [
"Перш ніж перейти до тесту «Динамічне програмування», повторіть основні поняття."
]
},
"quiz-dynamic-programming": {
"title": "Тест «Динамічне програмування»",
"intro": [
"Перевірте, що ви дізнались про динамічне програмування в Python."
]
},
"review-python": {
"title": "Повторення Python",
"intro": [
"Пригадайте поняття з теми «Python», щоб підготуватись до екзамену."
]
},
"lecture-understanding-the-command-line-and-working-with-bash": {
"title": "Understanding the Command Line and Working with Bash",
"intro": [
"Learn about the Command Line and Working with Bash in these lessons."
]
},
"workshop-bash-boilerplate": {
"title": "Створіть шаблонний код",
"intro": [
"Термінал дозволяє надсилати на комп’ютер текстові команди, які можуть маніпулювати файловою системою, запускати програми, автоматизувати завдання та багато іншого.",
"У цьому практичному занятті зі 170 уроків ви вивчите команди терміналу, створивши шаблонний код вебсайту, використовуючи лише командний рядок."
]
},
"review-bash-commands": {
"title": "Повторення команд Bash",
"intro": [
"Пригадайте поняття з теми «Команди Bash», щоб підготуватись до тесту."
]
},
"quiz-bash-commands": {
"title": "Тест «Команди Bash»",
"intro": ["Перевірте, що ви дізнались про команди bash."]
},
"lecture-working-with-relational-databases": {
"title": "Working with Relational Databases",
"intro": [
"Learn how to work with Relational Databases in these lessons."
]
},
"workshop-database-of-video-game-characters": {
"title": "Створіть базу даних з персонажами відеоігор",
"intro": [
"Реляційна база даних організовує дані в таблиці, які пов’язані між собою через спорідненість.",
"У цьому практичному занятті зі 165 уроків ви вивчите основи реляційної бази даних, створивши базу даних PostgreSQL, наповнену персонажами з відеоігор."
]
},
"lab-celestial-bodies-database": {
"title": "Створіть базу даних «Небесні тіла»",
"intro": [
"У цьому проєкті ви побудуєте базу даних небесних тіл, використовуючи PostgreSQL."
]
},
"review-sql-and-postgresql": {
"title": "SQL and PostgreSQL Review",
"intro": [
"Review SQL and PostgreSQL concepts to prepare for the upcoming quiz."
]
},
"quiz-sql-and-postgresql": {
"title": "SQL and PostgreSQL Quiz",
"intro": [
"Test what you've learned about SQL and PostgreSQL with this quiz."
]
},
"lecture-understanding-bash-scripting": {
"title": "Understanding Bash Scripting",
"intro": ["Learn about Bash Scripting in these lessons."]
},
"workshop-bash-five-programs": {
"title": "Створіть п’ять програм",
"intro": [
"Скрипти Bash поєднують команди терміналу і логіку в програми, які можуть виконувати або автоматизувати завдання та багато іншого.",
"У цьому практичному занятті з 220 уроків ви детальніше вивчите команди терміналу та як їх використовувати в скриптах Bash, створивши п’ять невеликих програм."
]
},
"review-bash-scripting": {
"title": "Повторення скриптів Bash",
"intro": [
"Пригадайте поняття з теми «Скрипти Bash», щоб підготуватись до тесту."
]
},
"quiz-bash-scripting": {
"title": "Тест «Скрипти Bash»",
"intro": ["Перевірте, що ви дізнались про скрипти bash."]
},
"lecture-working-with-sql": {
"title": "Working With SQL",
"intro": [
"In these lessons, you will learn about SQL injection, normalization, and the N+1 problem."
]
},
"workshop-sql-student-database-part-1": {
"title": "Створіть базу даних студентів: частина 1",
"intro": [
"SQL, або Structured Query Language (мова структурованих запитів) — це мова для спілкування з реляційною базою даних.",
"У цьому практичному занятті зі 140 уроків ви створите скрипт Bash, який використовує SQL, щоб ввести інформацію про студентів з інформатики в PostgreSQL."
]
},
"workshop-sql-student-database-part-2": {
"title": "Створіть базу даних студентів: частина 2",
"intro": [
"У SQL використовують команди join, щоб об’єднати інформацію з декількох таблиць у реляційну базу даних.",
"У цьому практичному занятті зі 140 уроків ви завершите свою базу даних студентів, глибше занурившись в команди SQL."
]
},
"lab-world-cup-database": {
"title": "Створіть базу даних «Чемпіонат світу»",
"intro": [
"У цьому проєкті ви створите скрипт Bash, який вводить інформацію з ігор чемпіонату світу в PostgreSQL, а потім запитує базу даних для отримання статистики."
]
},
"workshop-kitty-ipsum-translator": {
"title": "Створіть перекладач Kitty Ipsum",
"intro": [
"Команди Bash можуть більше, ніж ви могли собі уявити.",
"У цьому практичному занятті зі 140 уроків ви вивчите деякі складніші команди, а також дізнаєтесь про деталі їхньої роботи."
]
},
"workshop-bike-rental-shop": {
"title": "Створіть магазин прокату велосипедів",
"intro": [
"У цьому практичному занятті з 210 уроків ви створите інтерактивну програму Bash, яка зберігатиме інформацію про оренду для магазину прокату велосипедів, використовуючи PostgreSQL."
]
},
"lab-salon-appointment-scheduler": {
"title": "Створіть планувальник записів у салоні",
"intro": [
"У цій лабораторній роботі ви створите інтерактивну програму Bash, яка використовує PostgreSQL, щоб відстежувати клієнтів і записи в салоні."
]
},
"review-bash-and-sql": {
"title": "Повторення Bash та SQL",
"intro": [
"Пригадайте поняття з теми «Bash та SQL», щоб підготуватись до тесту."
]
},
"quiz-bash-and-sql": {
"title": "Тест «Bash та SQL»",
"intro": ["Перевірте, що ви дізнались про Bash та SQL."]
},
"lecture-working-with-nano": {
"title": "Working With Nano",
"intro": ["Learn about Nano in this lesson."]
},
"workshop-castle": {
"title": "Створіть замок",
"intro": [
"Nano — це програма, яка дозволяє редагувати файли одразу в терміналі.",
"У цьому практичному занятті з 40 уроків ви дізнаєтесь, як редагувати файли в терміналі за допомогою Nano, створивши замок."
]
},
"lecture-introduction-to-git-and-github": {
"title": "Introduction to Git and GitHub",
"intro": ["Learn how to work with Git and GitHub in these lessons."]
},
"lecture-working-with-code-reviews-branching-deployment-and-ci-cd": {
"title": "Working With Code Reviews, Branching, Deployment, and CI/CD",
"intro": [
"Learn about code reviews, branching, deployment, and CI/CD in these lessons."
]
},
"workshop-sql-reference-object": {
"title": "Створіть референсний об’єкт SQL",
"intro": [
"Git — це система контролю версій, яка відстежує усі зміни, внесені вами до кодової бази.",
"У цьому практичному занятті з 240 уроків ви дізнаєтесь, як Git відстежує код, створивши об’єкт, що містить часто використовувані команди SQL."
]
},
"lab-periodic-table-database": {
"title": "Створіть базу даних «Періодична таблиця»",
"intro": [
"У цій лабораторній роботі ви створите Bash-скрипт, щоб отримати інформацію про хімічні елементи з бази даних періодичної таблиці."
]
},
"lab-number-guessing-game": {
"title": "Створіть гру «Вгадай число»",
"intro": [
"У цій лабораторній роботі ви використовуватимете сценарії Bash, PostgreSQL і Git, щоб створити гру з вгадуванням чисел, яка працює в терміналі та зберігає інформацію користувача."
]
},
"review-git": {
"title": "Повторення Git",
"intro": [
"Пригадайте поняття з теми «Git», щоб підготуватись до тесту."
]
},
"quiz-git": {
"title": "Тест «Git»",
"intro": ["Перевірте, що ви дізнались про Git."]
},
"review-relational-databases": {
"title": "Повторення реляційних баз даних",
"intro": [
"Review relational databases concepts to prepare for the exam."
]
},
"lecture-understanding-the-http-request-response-model": {
"title": "Understanding the HTTP Request-Response Model",
"intro": [
"Learn the fundamentals of how web communication works through the HTTP request-response model, explore different types of web assets and responses, and understand how forms handle data submission using various HTTP methods."
]
},
"exam-certified-full-stack-developer": {
"title": "Екзамен «Сертифікований Full Stack розробник»",
"intro": [
"Складіть цей екзамен, щоб стати сертифікованим Full Stack розробником."
]
}
}
},
"javascript-v9": {
"title": "JavaScript Certification",
"intro": [
"This course teaches you core JavaScript programming concepts such as working with variables, functions, objects, arrays, and control flow. You'll also learn how to manipulate the DOM, handle events, and apply techniques like asynchronous programming, functional programming, and accessibility best practices.",
"To qualify for the exam, you must complete the following projects:",
"- Build a Markdown to HTML Converter",
"- Build a Drum Machine",
"- Build a Voting System",
"- Build a Bank Account Management Program",
"- Build a Weather App",
"Pass the exam to earn your JavaScript Certification."
],
"chapters": {
"javascript": "JavaScript"
},
"modules": {
"javascript-variables-and-strings": "Variables and Strings",
"javascript-booleans-and-numbers": "Booleans and Numbers",
"javascript-functions": "Functions",
"javascript-arrays": "Arrays",
"javascript-objects": "Objects",
"javascript-loops": "Loops",
"review-javascript-fundamentals": "JavaScript Fundamentals Review",
"higher-order-functions-and-callbacks": "Higher Order Functions and Callbacks",
"dom-manipulation-and-events": "DOM Manipulation and Events",
"js-a11y": "JavaScript and Accessibility",
"debugging-javascript": "Debugging",
"basic-regex": "Basic Regex",
"lab-markdown-to-html-converter": "Build a Markdown to HTML Converter",
"form-validation": "Form Validation",
"javascript-dates": "Dates",
"audio-and-video-events": "Audio and Video Events",
"lab-drum-machine": "Build a Drum Machine",
"maps-and-sets": "Maps and Sets",
"lab-voting-system": "Build a Voting System",
"localstorage-and-crud-operations": "localStorage and CRUD Operations",
"classes-and-the-this-keyword": "Classes",
"lab-bank-account-manager": "Build a Bank Account Management Program",
"recursion": "Recursion",
"functional-programming": "Functional Programming",
"asynchronous-javascript": "Asynchronous JavaScript",
"lab-weather-app": "Build a Weather App",
"review-javascript": "JavaScript Review",
"javascript-certification-exam": "JavaScript Certification Exam"
},
"blocks": {
"lecture-introduction-to-javascript": {
"title": "Introduction to JavaScript",
"intro": [
"In these lectures, you will learn the fundamentals of JavaScript. Topics covered include, but are not limited to, variables, data types, how JavaScript interacts with HTML and CSS, strings, and much more."
]
},
"workshop-greeting-bot": {
"title": "Build a Greeting Bot",
"intro": [
"In this workshop, you will learn JavaScript fundamentals by building a greeting bot.",
"You will learn about variables, <code>let</code>, <code>const</code>, <code>console.log</code> and basic string usage."
]
},
"lab-javascript-trivia-bot": {
"title": "Build a JavaScript Trivia Bot",
"intro": [
"In this lab, you'll practice working with JavaScript variables and strings by building a trivia bot."
]
},
"lab-sentence-maker": {
"title": "Build a Sentence Maker",
"intro": [
"In this lab, you will continue practicing with strings and concatenation by creating and customizing various stories."
]
},
"lecture-working-with-data-types": {
"title": "Working with Data Types",
"intro": [
"In the following lectures, you will learn how to work with data types in JavaScript. You will also learn how dynamic typing differs from static typing, the <code>typeof</code> operator, and the <code>typeof null</code> bug."
]
},
"review-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Review",
"intro": [
"Before you are quizzed on JavaScript variables and data types you first need to review the concepts.",
"Open up this page to review variables, data types, logging and commenting."
]
},
"quiz-javascript-variables-and-data-types": {
"title": "JavaScript Variables and Data Types Quiz",
"intro": [
"Test your knowledge of JavaScript variables and data types with this quiz."
]
},
"lecture-working-with-strings-in-javascript": {
"title": "Working with Strings in JavaScript",
"intro": [
"In these lectures, you will learn how to work with strings in JavaScript. You will learn how to access characters from a string, how to use template literals and interpolation, how to create a new line in strings, and much more."
]
},
"workshop-teacher-chatbot": {
"title": "Build a Teacher Chatbot",
"intro": [
"In this workshop, you will continue to learn more about JavaScript strings by building a chatbot.",
"You will learn how to work with template literals, and the <code>indexOf</code> method."
]
},
"lecture-working-with-string-character-methods": {
"title": "Working with String Character Methods",
"intro": [
"In this lecture you will learn about ASCII character encoding and how to use JavaScript's <code>charCodeAt()</code> and <code>fromCharCode()</code> methods to convert between characters and their numerical ASCII values."
]
},
"lecture-working-with-string-search-and-slice-methods": {
"title": "Working with String Search and Slice Methods",
"intro": [
"In this lecture you will learn how to search for substrings using the <code>includes()</code> method and how to extract portions of strings using the <code>slice()</code> method."
]
},
"lecture-working-with-string-formatting-methods": {
"title": "Working with String Formatting Methods",
"intro": [
"In this lecture you will learn how to format strings by changing their case using <code>toUpperCase()</code> and <code>toLowerCase()</code> methods, and how to remove whitespace using <code>trim()</code>, <code>trimStart()</code>, and <code>trimEnd()</code> methods."
]
},
"lecture-working-with-string-modification-methods": {
"title": "Working with String Modification Methods",
"intro": [
"In this lecture you will learn how to modify strings by replacing parts of them using the <code>replace()</code> method and how to repeat strings multiple times using the <code>repeat()</code> method."
]
},
"review-javascript-strings": {
"title": "JavaScript Strings Review",
"intro": [
"Before you are quizzed on working with JavaScript strings, you first need to review.",
"Open up this page to review how to work with template literals, the <code>slice</code> method, the <code>includes</code> method, the <code>trim</code> method and more."
]
},
"quiz-javascript-strings": {
"title": "JavaScript Strings Quiz",
"intro": ["Test your knowledge of JavaScript strings with this quiz."]
},
"lecture-working-with-numbers-and-arithmetic-operators": {
"title": "Working with Numbers and Arithmetic Operators",
"intro": [
"In these lectures you will learn about the number type, arithmetic operators, and using them with numbers and strings."
]
},
"lecture-working-with-operator-behavior": {
"title": "Working with Operator Behavior",
"intro": [
"In these lectures you will learn about operator precedence, the increment and decrement operators, and compound assignment operators."
]
},
"lecture-working-with-comparison-and-boolean-operators": {
"title": "Working with Comparison and Boolean Operators",
"intro": [
"In these lectures you will learn about booleans, and equality and inequality operators, and other comparison operators."
]
},
"lecture-working-with-unary-and-bitwise-operators": {
"title": "Working with Unary and Bitwise Operators",
"intro": [
"In these lectures, you will learn about unary and bitwise operators."
]
},
"lecture-working-with-conditional-logic-and-math-methods": {
"title": "Working with Conditional Logic and Math Methods",
"intro": [
"In these lectures, you will learn about conditional statements, binary logical operators, and the <code>Math</code> object."
]
},
"workshop-mathbot": {
"title": "Build a Mathbot",
"intro": [
"In this workshop, you will review how to work with the different Math object methods by building a Mathbot."
]
},
"lab-fortune-teller": {
"title": "Build a Fortune Teller",
"intro": [
"In this lab, you'll build a fortune teller by randomly selecting a fortune from the available fortunes.",
"You'll practice how to work with the <code>Math.random()</code> method and the <code>Math.floor()</code> method to generate random numbers."
]
},
"lecture-working-with-numbers-and-common-number-methods": {
"title": "Working with Numbers and Common Number Methods",
"intro": [
"In these lectures, you will learn about numbers and common number methods. These include <code>isNaN()</code>, <code>parseInt()</code>, <code>parseFloat()</code>, and <code>toFixed()</code>."
]
},
"review-javascript-math": {
"title": "JavaScript Math Review",
"intro": [
"Before you're quizzed on working with the <code>Math</code> object, you should review what you've learned.",
"Open up this page to review how to work with the <code>Math.random()</code> method, the <code>Math.floor()</code> method and more."
]
},
"quiz-javascript-math": {
"title": "JavaScript Math Quiz",
"intro": [
"Test your knowledge of the JavaScript <code>Math</code> object with this quiz."
]
},
"lecture-understanding-comparisons-and-conditionals": {
"title": "Understanding Comparisons and Conditionals",
"intro": [
"In these lectures, you will learn about comparison operators and conditionals. You will learn how the various conditionals differ from one another, and how comparisons work with <code>null</code> and <code>undefined</code>."
]
},
"review-javascript-comparisons-and-conditionals": {
"title": "JavaScript Comparisons and Conditionals Review",
"intro": [
"Before you're quizzed on working with conditionals, you should review what you've learned about them.",
"Open up this page to review how to work with <code>switch</code> statements, other types of conditionals and more."
]
},
"quiz-javascript-comparisons-and-conditionals": {
"title": "JavaScript Comparisons and Conditionals Quiz",
"intro": [
"Test your knowledge of JavaScript Comparisons and Conditionals with this quiz."
]
},
"lecture-working-with-functions": {
"title": "Working with Functions",
"intro": [
"In these lectures, you will learn how to reuse a block of code with functions. You will learn what the purpose of a function is and how they work, and how scope works in programming. "
]
},
"workshop-calculator": {
"title": "Build a Calculator",
"intro": [
"In this workshop, you will review your knowledge of functions by building a calculator."
]
},
"lab-boolean-check": {
"title": "Build a Boolean Check Function",
"intro": [
"In this lab, you'll implement a function that checks if a value is a boolean."
]
},
"lab-email-masker": {
"title": "Build an Email Masker",
"intro": [
"In this lab, you'll build an email masker that will take an email address and obscure it.",
"You'll practice string slicing, concatenation, and using functions."
]
},
"workshop-loan-qualification-checker": {
"title": "Build a Loan Qualification Checker",
"intro": [
"In this workshop, you will continue to learn how to work with conditionals by building a loan qualification checker app.",
"You will learn more about <code>if</code> statements, and how to use comparison operators and multiple conditions in an <code>if</code> statement."
]
},
"lab-celsius-to-fahrenheit-converter": {
"title": "Build a Celsius to Fahrenheit Converter",
"intro": [
"In this lab you will implement a function that converts the temperature from Celsius to Fahrenheit."
]
},
"lab-counting-cards": {
"title": "Build a Card Counting Assistant",
"intro": ["In this lab you will use JavaScript to count dealt cards."]
},
"lab-leap-year-calculator": {
"title": "Build a Leap Year Calculator ",
"intro": [
"In this lab you'll use conditional statements and loops to determine if a year is a leap year."
]
},
"lab-truncate-string": {
"title": "Implement the Truncate String Algorithm",
"intro": [
"In this lab, you will practice truncating a string at a certain length."
]
},
"lab-string-ending-checker": {
"title": "Build a Confirm the Ending Tool",
"intro": [
"In this lab, you will implement a function that checks if a given string ends with a specified target string."
]
},
"review-javascript-functions": {
"title": "JavaScript Functions Review",
"intro": [
"Before you're quizzed on JavaScript functions, you should review what you've learned about them.",
"Open up this page to review functions, arrow functions and scope."
]
},
"quiz-javascript-functions": {
"title": "JavaScript Functions Quiz",
"intro": ["Test your knowledge of JavaScript functions with this quiz."]
},
"lecture-working-with-arrays": {
"title": "Working with Arrays",
"intro": [
"In these lectures, you will learn how to work with JavaScript arrays. You will learn about what makes an array, one-dimensional and two-dimensional arrays, how to access and update the elements in an array, and much more."
]
},
"workshop-shopping-list": {
"title": "Build a Shopping List",
"intro": [
"In this workshop, you will practice how to work with arrays by building a shopping list.",
"You will review how to add and remove elements from an array using methods like <code>push</code>, <code>pop</code>, <code>shift</code>, and <code>unshift</code>."
]
},
"lab-lunch-picker-program": {
"title": "Build a Lunch Picker Program",
"intro": [
"In this lab, you'll review working with arrays and random numbers by building a lunch picker program."
]
},
"lab-golf-score-translator": {
"title": "Build a Golf Score Translator",
"intro": [
"For this lab, you will use array methods to translate golf scores into their nickname."
]
},
"lab-reverse-a-string": {
"title": "Build a String Inverter",
"intro": [
"In this lab, you create a function that reverses a given string."
]
},
"lecture-working-with-common-array-methods": {
"title": "Working with Common Array Methods",
"intro": [
"In these lectures, you will learn about the array methods for performing more advanced operations like getting the position of an item in an array, checking if an array contains a certain element, copying an array, and lots more."
]
},
"review-javascript-arrays": {
"title": "JavaScript Arrays Review",
"intro": [
"Before you're quizzed on JavaScript arrays, you should review what you've learned about them.",
"Open up this page to review concepts like array destructuring, how to add and remove elements from an array, and more."
]
},
"quiz-javascript-arrays": {
"title": "JavaScript Arrays Quiz",
"intro": ["Test your knowledge of JavaScript arrays with this quiz."]
},
"lecture-introduction-to-javascript-objects-and-their-properties": {
"title": "Introduction to JavaScript Objects and Their Properties",
"intro": [
"In these lectures, you will learn the fundamentals of JavaScript objects, including how to create them, access their properties, and understand the difference between primitive and non-primitive data types."
]
},
"lecture-working-with-optional-chaining-and-object-destructuring": {
"title": "Working with Optional Chaining and Object Destructuring",
"intro": [
"In these lectures, you will learn about advanced object manipulation techniques in JavaScript, including the optional chaining operator and object destructuring syntax."
]
},
"lecture-working-with-json": {
"title": "Working with JSON",
"intro": [
"In these lectures, you will learn about JavaScript Object Notation (JSON), including how to access JSON data and use the <code>JSON.parse()</code> and <code>JSON.stringify()</code> methods."
]
},
"workshop-recipe-tracker": {
"title": "Build a Recipe Tracker",
"intro": [
"In this workshop, you will review working with JavaScript objects by building a recipe tracker."
]
},
"lab-quiz-game": {
"title": "Build a Quiz Game",
"intro": [
"In this lab, you'll build a quiz game using JavaScript arrays and objects.",
"You'll also practice using functions to randomly select a question and an answer from an array and compare them."
]
},
"lab-record-collection": {
"title": "Build a Record Collection",
"intro": [
"In this lab you will build a function to manage a record collection."
]
},
"review-javascript-objects": {
"title": "JavaScript Objects Review",
"intro": [
"Before you're quizzed on JavaScript objects, you should review what you've learned about them.",
"Open up this page to review concepts including how to access information from objects, object destructuring, working with JSON, and more."
]
},
"quiz-javascript-objects": {
"title": "JavaScript Objects Quiz",
"intro": ["Test your knowledge of JavaScript objects with this quiz."]
},
"lecture-working-with-loops": {
"title": "Working with Loops",
"intro": [
"Loops are an essential part of JavaScript. That's why the following lectures have been prepared for you to learn about the different types of loops and how they work, and also how iteration works."
]
},
"workshop-sentence-analyzer": {
"title": "Build a Sentence Analyzer",
"intro": [
"In this workshop, you'll review how to work with JavaScript loops by building a sentence analyzer app."
]
},
"lab-longest-word-in-a-string": {
"title": "Build a Longest Word Finder App",
"intro": [
"In this lab, you will use JavaScript loops to find the length of the longest word in the given sentence."
]
},
"lab-factorial-calculator": {
"title": "Build a Factorial Calculator ",
"intro": [
"In this lab, you'll build a factorial calculator.",
"You'll practice using loops and conditionals to calculate the factorial of a number."
]
},
"lab-mutations": {
"title": "Implement the Mutations Algorithm",
"intro": [
"In this lab, you will practice iterating over two different strings to compare their characters."
]
},
"lab-chunky-monkey": {
"title": "Implement the Chunky Monkey Algorithm",
"intro": [
"In this lab, you will practice dividing an array into smaller arrays with the technique of your choice."
]
},
"lab-profile-lookup": {
"title": "Build a Profile Lookup",
"intro": [
"In this lab, you'll create a function that looks up profile information."
]
},
"lab-repeat-a-string": {
"title": "Build a String Repeating Function",
"intro": [
"In this lab, you will implement loops to repeat a string a specified number of times."
]
},
"review-javascript-loops": {
"title": "JavaScript Loops Review",
"intro": [
"Before you're quizzed on the different JavaScript loops, you should review them.",
"Open up this page to review the <code>for...of</code> loop, <code>while</code> loop, <code>break and continue</code> statements and more."
]
},
"quiz-javascript-loops": {
"title": "JavaScript Loops Quiz",
"intro": ["Test your knowledge of JavaScript loops with this quiz."]
},
"lecture-working-with-types-and-objects": {
"title": "Working with Types and Objects",
"intro": [
"In these lectures you will learn about string objects, the <code>toString()</code> method, the <code>Number</code> constructor and more."
]
},
"lecture-working-with-arrays-variables-and-naming-practices": {
"title": "Working with Arrays, Variables, and Naming Practices",
"intro": [
"In these lectures you will learn about common practices for naming variables and functions, and how to work with arrays."
]
},
"lecture-working-with-code-quality-and-execution-concepts": {
"title": "Working with Code Quality and Execution Concepts",
"intro": [
"In these lectures you will learn what are linters and formatters, what is memory management, and closures."
]
},
"lab-largest-number-finder": {
"title": "Build the Largest Number Finder",
"intro": [
"In this lab, you will use JavaScript fundamentals to create a function that finds the largest number in each sub-array of a given array."
]
},
"lab-first-element-finder": {
"title": "Build a First Element Finder",
"intro": [
"In this lab, you will create a function that looks through an array and returns the first element in it that passes a \"truth test\"."
]
},
"lab-slice-and-splice": {
"title": "Implement the Slice and Splice Algorithm",
"intro": [
"In this lab, you will practice merging an array with another."
]
},
"lab-pyramid-generator": {
"title": "Build a Pyramid Generator",
"intro": [
"In this lab you'll build a pyramid generator.",
"You'll take a number as input and generate a pyramid with that many levels using a loop."
]
},
"lab-gradebook-app": {
"title": "Build a Gradebook App",
"intro": [
"For this lab, you'll create a gradebook app.",
"You'll practice conditionals to determine the student's grade based on their score."
]
},
"lecture-the-var-keyword-and-hoisting": {
"title": "The var Keyword and Hoisting",
"intro": [
"In these lectures, you will learn about the <code>var</code> keyword and why it is not recommended for use anymore. You will also learn about hoisting in JavaScript so you can avoid subtle bugs in your code."
]
},
"lab-falsy-remover": {
"title": "Implement a Falsy Remover",
"intro": [
"In this lab, you will create a function that removes all falsy values from an array."
]
},
"lab-inventory-management-program": {
"title": "Build an Inventory Management Program",
"intro": [
"For this lab, you'll build an inventory management program using JavaScript.",
"You'll use JavaScript array of objects to manage the inventory."
]
},
"lecture-understanding-modules-imports-and-exports": {
"title": "Understanding Modules, Imports, and Exports",
"intro": [
"In this lecture, you will learn about modules, imports, and exports in JavaScript."
]
},
"lab-password-generator": {
"title": "Build a Password Generator App",
"intro": [
"In this lab, you'll build a password generator app based on the user's input."
]
},
"lab-sum-all-numbers-algorithm": {
"title": "Design a Sum All Numbers Algorithm",
"intro": [
"In this lab, you will design a sum all numbers algorithm. This algorithm takes an array of two numbers and returns the sum of those two numbers plus the sum of all the numbers between them."
]
},
"lab-html-entitiy-converter": {
"title": "Implement an HTML Entity Converter",
"intro": [
"In this lab, you will convert special characters in a string to their corresponding HTML entities."
]
},
"lab-optional-arguments-sum-function": {
"title": "Build an Optional Arguments Sum Function",
"intro": [
"In this lab you will build a function that accepts up to two arguments, and sum them, but if there is only one argument returns a function that waits for the second number to sum."
]
},
"review-javascript-fundamentals": {
"title": "JavaScript Fundamentals Review",
"intro": [
"Before you are quizzed on JavaScript fundamentals, you first need to review the concepts.",
"Open up this page to review concepts like closures, memory management, and more."
]
},
"quiz-javascript-fundamentals": {
"title": "JavaScript Fundamentals Quiz",
"intro": [
"Test your knowledge of JavaScript fundamentals with this quiz."
]
},
"lecture-working-with-higher-order-functions-and-callbacks": {
"title": "Working with Higher Order Functions and Callbacks",
"intro": [
"In these lectures, you will learn how to work with higher order functions and callbacks. The higher order functions you will learn include <code>map()</code>, <code>filter()</code>, <code>reduce()</code>, <code>sort()</code>, <code>every()</code>, and <code>some()</code>. You will also learn how to chain these methods together to achieve your desired results."
]
},
"workshop-library-manager": {
"title": "Build a Library Manager",
"intro": [
"In this workshop, you will learn higher order array methods by building a library manager."
]
},
"lab-book-organizer": {
"title": "Build a Book Organizer",
"intro": [
"In this lab, you'll build a book organizer using higher order functions in JavaScript."
]
},
"lab-sorted-index-finder": {
"title": "Implement a Sorted Index Finder",
"intro": [
"In this lab, you will create a function that finds the index at which a given number should be inserted into a sorted array to maintain the array's sorted order."
]
},
"lab-symmetric-difference": {
"title": "Build a Symmetric Difference Function",
"intro": [
"In this lab, you will practice using higher order functions to find the symmetric difference between two arrays."
]
},
"review-javascript-higher-order-functions": {
"title": "JavaScript Higher Order Functions Review",
"intro": [
"Before you're quizzed on JavaScript higher order functions, you should review them.",
"Open up this page to review concepts including how to work with the <code>map()</code>, <code>filter()</code>, and <code>reduce()</code> methods."
]
},
"quiz-javascript-higher-order-functions": {
"title": "JavaScript Higher Order Functions Quiz",
"intro": [
"Test what you've learned about JavaScript higher order functions with this quiz."
]
},
"lecture-working-with-the-dom-click-events-and-web-apis": {
"title": "Working with the DOM, Click Events, and Web APIs",
"intro": [
"In these lectures, you will learn how to work with the Document Object Model (DOM), the <code>addEventListener()</code> method and events, and web APIs."
]
},
"workshop-storytelling-app": {
"title": "Build a Storytelling App",
"intro": [
"In this workshop, you will build a storytelling app that will allow you to list different stories based on genre."
]
},
"lab-favorite-icon-toggler": {
"title": "Build a Favorite Icon Toggler",
"intro": [
"In this lab, you'll build a favorite icon toggler by utilizing JavaScript click events."
]
},
"lecture-understanding-the-event-object-and-event-delegation": {
"title": "Understanding the Event Object and Event Delegation",
"intro": [
"In these lectures, you will learn about the event object, the change event, event bubbling, and event delegation."
]
},
"workshop-music-instrument-filter": {
"title": "Build a Music Instrument Filter",
"intro": [
"In this workshop, you will build a music instrument filter with JavaScript."
]
},
"lab-real-time-counter": {
"title": "Build a Real Time Counter",
"intro": [
"In this lab, you'll build a real-time character counter",
"You'll practice how to work with the <code>input</code> event when the user types in the input field."
]
},
"lab-lightbox-viewer": {
"title": "Build a Lightbox Viewer",
"intro": [
"In this lab, you'll build a lightbox viewer for viewing images in a focused mode.",
"You'll practice click events and toggling classes."
]
},
"workshop-rps-game": {
"title": "Build a Rock, Paper, Scissors Game",
"intro": [
"In this workshop, you will review DOM manipulation and events by building a Rock, Paper, Scissors Game."
]
},
"lab-football-team-cards": {
"title": "Build a Set of Football Team Cards",
"intro": [
"In this lab, you'll use DOM manipulation, object destructuring, event handling, and data filtering to build a set of football team cards."
]
},
"review-dom-manipulation-and-click-events-with-javascript": {
"title": "DOM Manipulation and Click Events with JavaScript Review",
"intro": [
"Before you're quizzed on the DOM, you should review what you've learned about it.",
"Open up this page to review concepts including how to work with the <code>DOM</code>, <code>Web APIs</code>, the <code>addEventListener()</code> method, change events, event bubbling and more."
]
},
"quiz-dom-manipulation-and-click-event-with-javascript": {
"title": "DOM Manipulation and Click Events with JavaScript Quiz",
"intro": [
"Test your knowledge of DOM manipulation and click events in JavaScript with this quiz."
]
},
"lecture-understanding-aria-expanded-aria-live-and-common-aria-states": {
"title": "Understanding aria-expanded, aria-live, and Common ARIA States",
"intro": [
"In these lectures you will learn more about ARIA attributes like <code>aria-expanded</code>, <code>aria-live</code>, and common ARIA states."
]
},
"workshop-planets-tablist": {
"title": "Build a Planets Tablist",
"intro": [
"In this workshop, you will build a dynamic tabbed interface that showcases facts about the planets in the solar system."
]
},
"workshop-note-taking-app": {
"title": "Build a Note Taking App",
"intro": [
"In this workshop, you are going to build an accessible note taking app.",
"This will provide you with the opportunity to practice working with <code>aria-live</code> attribute."
]
},
"lab-theme-switcher": {
"title": "Build a Theme Switcher",
"intro": [
"In this lab, you will build a theme switcher and practice working with the <code>aria-haspopup</code>, <code>aria-expanded</code>, and <code>aria-controls</code> attributes."
]
},
"review-js-a11y": {
"title": "JavaScript and Accessibility Review",
"intro": [
"Before you're quizzed on JavaScript and accessibility, you should review what you've learned about it.",
"Open up this page to review concepts including how to work with the <code>aria-expanded</code>, <code>aria-live</code>, and <code>aria-controls</code> attributes."
]
},
"quiz-js-a11y": {
"title": "JavaScript and Accessibility Quiz",
"intro": [
"Test your knowledge of JavaScript and accessibility best practices with this quiz."
]
},
"lecture-debugging-techniques": {
"title": "Debugging Techniques",
"intro": [
"In these lectures, you will learn about the common errors in JavaScript and the techniques you can use to fix them a process called debugging."
]
},
"lab-random-background-color-changer": {
"title": "Debug a Random Background Color Changer",
"intro": [
"In this lab, you'll debug a random background color changer and fix the errors to make it work properly."
]
},
"review-debugging-javascript": {
"title": "Debugging JavaScript Review",
"intro": [
"Before you're quizzed on common debugging techniques, you should review what you've learned.",
"Open up this page to review concepts including how to work with the <code>throw statement</code>, <code>try...catch...finally</code> and more."
]
},
"quiz-debugging-javascript": {
"title": "Debugging JavaScript Quiz",
"intro": ["Test your knowledge of JavaScript debugging with this quiz."]
},
"lecture-working-with-regular-expressions": {
"title": "Working with Regular Expressions",
"intro": [
"In these lectures, you will learn about regular expressions in JavaScript. You will learn about the methods for working with regular expressions, modifiers, character classes, lookaheads, lookbehinds, back-references, quantifiers, and more."
]
},
"workshop-spam-filter": {
"title": "Build a Spam Filter",
"intro": [
"Regular expressions, often shortened to \"regex\" or \"regexp\", are patterns that help programmers match, search, and replace text. Regular expressions are powerful, but can be difficult to understand because they use so many special characters.",
"In this workshop, you'll use capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want."
]
},
"lab-palindrome-checker": {
"title": "Build a Palindrome Checker",
"intro": [
"For this lab, you'll build an application that checks whether a given word is a palindrome."
]
},
"lab-markdown-to-html-converter": {
"title": "Build a Markdown to HTML Converter",
"intro": [
"For this lab, you'll build a Markdown to HTML converter using JavaScript.",
"You'll practice regular expressions, string manipulation, and more."
]
},
"lab-regex-sandbox": {
"title": "Build a RegEx Sandbox",
"intro": ["In this lab you'll build a regex sandbox."]
},
"review-javascript-regular-expressions": {
"title": "JavaScript Regular Expressions Review",
"intro": [
"Before you're quizzed on Regular Expressions, you should review what you've learned.",
"Open up this page to review concepts like lookaheads, lookbehinds, common regex modifiers and more."
]
},
"quiz-javascript-regular-expressions": {
"title": "JavaScript Regular Expressions Quiz",
"intro": [
"Test your knowledge of JavaScript Regular Expressions with this quiz."
]
},
"lecture-understanding-form-validation": {
"title": "Understanding Form Validation",
"intro": [
"In these lectures, you will learn about form validation in JavaScript. You will learn about the various ways to validate forms, how the <code>preventDefault()</code> method works, and how the submit event works."
]
},
"workshop-calorie-counter": {
"title": "Build a Calorie Counter",
"intro": [
"Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter workshop, you'll practice how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results.",
"You'll also practice basic regular expressions, template literals, the <code>addEventListener()</code> method, and more."
]
},
"lab-customer-complaint-form": {
"title": "Build a Customer Complaint Form",
"intro": [
"For this lab, you'll use JavaScript to validate a customer complaint form.",
"You'll practice how to validate form inputs, display error messages, and prevent the form from submitting if there are errors."
]
},
"review-form-validation-with-javascript": {
"title": "Form Validation with JavaScript Review",
"intro": [
"Before you're quizzed on form validation, you should review what you've learned.",
"Open up this page to review concepts including the <code>preventDefault()</code> method, the submit event and more."
]
},
"quiz-form-validation-with-javascript": {
"title": "Form Validation with JavaScript Quiz",
"intro": [
"Test what you've learned about JavaScript form validation with this quiz."
]
},
"lecture-working-with-dates": {
"title": "Working with Dates",
"intro": [
"In these lectures, you will learn about the JavaScript date object. You will learn about the methods for working with dates and how to format dates."
]
},
"lab-date-conversion": {
"title": "Build a Date Conversion Program",
"intro": [
"In this lab, you'll build a program to convert a date from one format to another."
]
},
"review-javascript-dates": {
"title": "JavaScript Dates Review",
"intro": [
"Before you're quizzed on working with dates, you should review what you've learned.",
"Open up this page to review the <code>Date()</code> object and common methods."
]
},
"quiz-javascript-dates": {
"title": "JavaScript Dates Quiz",
"intro": [
"Test what you've learned about JavaScript Dates with this quiz."
]
},
"lecture-working-with-audio-and-video": {
"title": "Working with Audio and Video",
"intro": [
"In these lectures, you will learn how to work with audio and video files using JavaScript. You will learn about the <code>Audio</code> and <code>Video</code> constructors, their methods and properties, audio and video formats, codecs, the <code>HTMLMediaElement</code> API, and much more."
]
},
"workshop-music-player": {
"title": "Build a Music Player",
"intro": [
"In this workshop, you'll code a basic MP3 player using HTML, CSS, and JavaScript.",
"The project covers fundamental concepts such as handling audio playback, managing a playlist, implementing play, pause, next, and previous functionalities and dynamically update your user interface based on the current song."
]
},
"lab-drum-machine": {
"title": "Build a Drum Machine",
"intro": [
"For this lab you will use the <code>audio</code> element to build a drum machine."
]
},
"review-javascript-audio-and-video": {
"title": "JavaScript Audio and Video Review",
"intro": [
"Before you're quizzed on working with audio and video in JavaScript, you should review what you've learned about them.",
"Open up this page to review concepts including the <code>Audio</code> constructor, the <code>HTMLMediaElement</code> API and more."
]
},
"quiz-javascript-audio-and-video": {
"title": "JavaScript Audio and Video Quiz",
"intro": [
"Test what you've learned about JavaScript audio and video with this quiz."
]
},
"lecture-working-with-maps-and-sets": {
"title": "Working with Maps and Sets",
"intro": [
"In these lectures, you will learn about JavaScript <code>Map</code> and <code>Set</code>. You will also learn how they both differ from <code>WeakSets</code> and <code>WeakMaps</code>."
]
},
"workshop-plant-nursery-catalog": {
"title": "Build a Plant Nursery Catalog",
"intro": [
"In this workshop, you will practice using Maps and Sets by building a plant nursery catalog."
]
},
"lab-voting-system": {
"title": "Build a Voting System",
"intro": [
"In this lab, you'll build a voting system using Maps and Sets.",
"You'll practice how to use the <code>Map</code> object to store key-value pairs and the <code>Set</code> object to store unique values."
]
},
"review-javascript-maps-and-sets": {
"title": "JavaScript Maps and Sets Review",
"intro": [
"Before you're quizzed on JavaScript Maps and Sets, you should review what you've learned about them.",
"Open up this page to review concepts such as the <code>Map</code> and <code>Set</code> objects, as well as WeakSet and WeakMap."
]
},
"quiz-javascript-maps-and-sets": {
"title": "JavaScript Maps and Sets Quiz",
"intro": [
"Test what you've learned about JavaScript Maps and Sets with this quiz."
]
},
"lecture-working-with-client-side-storage-and-crud-operations": {
"title": "Working with Client-Side Storage and CRUD Operations",
"intro": [
"In these lectures, you will learn about client-side storage and CRUD operations in JavaScript. You will learn about <code>localStorage</code> and <code>sessionStorage</code> alongside their methods and properties, cookies, the Cache API, IndexDB, and much more."
]
},
"workshop-todo-app": {
"title": "Build a Todo App using Local Storage",
"intro": [
"Local storage is a web browser feature that lets web applications store key-value pairs persistently within a user's browser. This allows web apps to save data during one session, then retrieve it in a later page session.",
"In this workshop, you'll learn how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements."
]
},
"lab-bookmark-manager-app": {
"title": "Build a Bookmark Manager App",
"intro": [
"For this lab, you'll build a bookmark manager app.",
"You'll utilize local storage to store bookmarks, and practice how to add, remove, and display bookmarks."
]
},
"review-local-storage-and-crud": {
"title": "Local Storage and CRUD Review",
"intro": [
"Before you are quizzed on working with <code>localStorage</code>, you first need to review the concepts.",
"Open up this page to review the <code>localStorage</code> property, <code>sessionStorage</code> property and more."
]
},
"quiz-local-storage-and-crud": {
"title": "Local Storage and CRUD Quiz",
"intro": [
"Test what you've learned about local storage and CRUD with this quiz."
]
},
"lecture-understanding-how-to-work-with-classes-in-javascript": {
"title": "Understanding How to Work with Classes in JavaScript",
"intro": [
"In these lectures, you will learn about classes in JavaScript. You will learn about inheritance, the <code>this</code> keyword, static properties and methods, and more."
]
},
"workshop-shopping-cart": {
"title": "Build a Shopping Cart",
"intro": [
"In this workshop you'll create a shopping cart using JavaScript classes.",
"You will practice how to use the this keyword, create class instances, implement methods for data manipulation and more."
]
},
"lab-project-idea-board": {
"title": "Build a Project Idea Board",
"intro": [
"In this lab, you'll build a project idea board using OOP in JavaScript.",
"You'll practice how to create classes, add methods to classes, and create instances of classes."
]
},
"lab-bank-account-manager": {
"title": "Build a Bank Account Management Program",
"intro": [
"In this lab, you'll build a simple transaction management system for a bank account."
]
},
"review-javascript-classes": {
"title": "JavaScript Classes Review",
"intro": [
"Before you're quizzed on how to work with classes, you should review what you've learned about them.",
"Open up this page to review concepts including the <code>this</code> keyword, class inheritance and more."
]
},
"quiz-javascript-classes": {
"title": "JavaScript Classes Quiz",
"intro": [
"Test what you've learned about JavaScript classes with this quiz."
]
},
"lecture-understanding-recursion-and-the-call-stack": {
"title": "Understanding Recursion and the Call Stack",
"intro": [
"In this lecture, you will learn about recursion and the call stack."
]
},
"workshop-decimal-to-binary-converter": {
"title": "Build a Decimal to Binary Converter",
"intro": [
"Recursion is a programming concept where a function calls itself. This can reduce a complex problem into simpler sub-problems, until they become straightforward to solve.",
"In this workshop, you'll build a decimal-to-binary converter using JavaScript. You'll practice the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation."
]
},
"lab-permutation-generator": {
"title": "Build a Permutation Generator",
"intro": [
"For this lab, you'll build a permutation generator that produces all possible permutations of a given string."
]
},
"review-recursion": {
"title": "Recursion Review",
"intro": [
"Before you're quizzed on recursion, you should review what you've learned.",
"Open up this page to review what is recursion and what is it used for."
]
},
"quiz-recursion": {
"title": "Recursion Quiz",
"intro": ["Test your knowledge of Recursion with this quiz."]
},
"lecture-understanding-functional-programming": {
"title": "Understanding Functional Programming",
"intro": [
"In these lectures, you will learn about functional programming and how to nest functions using a technique called currying."
]
},
"workshop-recipe-ingredient-converter": {
"title": "Build a Recipe Ingredient Converter",
"intro": [
"In the previous lectures, you learned the core concepts behind functional programming and currying.",
"Now you will be able to apply what you have learned about currying and functional programming by building a recipe ingredient converter application."
]
},
"lab-sorting-visualizer": {
"title": "Build a Sorting Visualizer",
"intro": [
"For this lab, you'll use JavaScript to visualize the steps that the Bubble Sort algorithm takes to reorder an array of integers."
]
},
"review-javascript-functional-programming": {
"title": "JavaScript Functional Programming Review",
"intro": [
"Before you're quizzed on functional programming, you should review what you've learned.",
"Open up this page to review concepts on functional programming, currying and more."
]
},
"quiz-javascript-functional-programming": {
"title": "JavaScript Functional Programming Quiz",
"intro": [
"Test what you've learned about JavaScript functional programming with this quiz."
]
},
"lecture-understanding-asynchronous-programming": {
"title": "Understanding Asynchronous Programming",
"intro": [
"In these lectures, you will learn about asynchronous programming in JavaScript. You will learn about the differences between synchronous and asynchronous programming, how the <code>async</code> keyword works, the <code>Fetch</code> API, promises, <code>async/await</code>, the <code>Geolocation</code> API, and much more."
]
},
"workshop-fcc-authors-page": {
"title": "Build an fCC Authors Page",
"intro": [
"One common aspect of web development is learning how to fetch data from an external API, then work with asynchronous JavaScript.",
"In this workshop you will practice how to use the fetch method, dynamically update the DOM to display the fetched data and paginate your data so you can load results in batches."
]
},
"lab-fcc-forum-leaderboard": {
"title": "Build an fCC Forum Leaderboard",
"intro": [
"For this lab you'll practice asynchronous JavaScript by coding your own freeCodeCamp forum leaderboard."
]
},
"lab-weather-app": {
"title": "Build a Weather App",
"intro": [
"In this lab you'll build a Weather App using an API",
"You'll practice how to fetch data from the API, store and display it on your app."
]
},
"review-asynchronous-javascrip": {
"title": "Asynchronous JavaScript Review",
"intro": [
"Review asynchronous JavaScript concepts to prepare for the upcoming quiz."
]
},
"quiz-asynchronous-javascript": {
"title": "Asynchronous JavaScript Quiz",
"intro": [
"Test what you've learned about asynchronous JavaScript with this quiz."
]
},
"review-javascript": {
"title": "JavaScript Review",
"intro": [
"Before you take the JavaScript prep exam, you should review everything you've learned about JavaScript.",
"Open up this page to review all of the concepts taught including variables, strings, booleans, functions, objects, arrays, debugging, working with the DOM and more."
]
},
"exam-javascript-certification": {
"title": "JavaScript Certification Exam",
"intro": ["Pass this exam to earn your JavaScript Certification."]
}
}
},
"front-end-development-libraries-v9": {
"title": "Front End Development Libraries Certification",
"intro": [
"This course teaches you the libraries that developers use to build webpages: React, TypeScript, and more.",
"To earn your Front End Development Libraries Certification:",
"- Complete the five required projects to qualify for the certification exam.",
"- Pass the Front End Development Libraries Certification exam."
],
"chapters": {
"front-end-development-libraries": "Front End Development Libraries"
},
"modules": {
"front-end-development-libraries-certification-exam": "Front End Development Libraries Certification Exam"
},
"blocks": {
"exam-front-end-development-libraries-certification": {
"title": "Front End Development Libraries Certification Exam",
"intro": [
"Pass this exam to earn your Front End Development Libraries Certification"
]
}
}
},
"python-v9": {
"title": "Python Certification",
"intro": [
"This course teaches you the fundamentals of Python programming.",
"To earn your Python Certification:",
"- Complete the five required projects to qualify for the certification exam.",
"- Pass the Python Certification exam."
],
"chapters": {
"python": "Python"
},
"modules": {
"python-certification-exam": "Python Certification Exam"
},
"blocks": {
"exam-python-certification": {
"title": "Python Certification Exam",
"intro": ["Pass this exam to earn your Python Certification"]
}
}
},
"relational-databases-v9": {
"title": "Relational Databases Certification",
"intro": [
"This course teaches you the fundamentals of relational databases.",
"To earn your Relational Databases Certification:",
"- Complete the five required projects to qualify for the certification exam.",
"- Pass the Relational Databases Certification exam."
],
"chapters": {
"relational-databases": "Relational Databases"
},
"modules": {
"relational-databases-certification-exam": "Relational Databases Certification Exam"
},
"blocks": {
"exam-relational-databases-certification": {
"title": "Relational Databases Certification Exam",
"intro": [
"Pass this exam to earn your Relational Databases Certification"
]
}
}
},
"back-end-development-and-apis-v9": {
"title": "Back End Development and APIs Certification",
"intro": [
"This course teaches you the fundamentals of back end development and APIs.",
"To earn your Back End Development and APIs Certification:",
"- Complete the five required projects to qualify for the certification exam.",
"- Pass the Back End Development and APIs Certification exam."
],
"chapters": {
"back-end-development-and-apis": "Back End Development and APIs"
},
"modules": {
"back-end-development-and-apis-certification-exam": "Back End Development and APIs Certification Exam"
},
"blocks": {
"exam-back-end-development-and-apis-certification": {
"title": "Back End Development and APIs Certification Exam",
"intro": [
"Pass this exam to earn your Back End Development and APIs Certification"
]
}
}
},
"a1-professional-spanish": {
"title": "A1 Professional Spanish Certification (Beta)",
"note": "This certification is currently in active development. While there isn't a claimable certification available for this section at the moment, one will be available soon. In the meantime, you're welcome to explore the courses we have created below.",
"intro": ["Placeholder intro"],
"chapters": {
"es-a1-chapter-welcome-to-a1-professional-spanish": "Welcome to A1 Professional Spanish",
"es-a1-chapter-letters-and-sounds": "Letters and Sounds",
"es-a1-chapter-greetings-and-introductions": "Greetings and Introductions"
},
"modules": {
"es-a1-module-introduction-and-certification-overview": "Introduction and Certification Overview",
"es-a1-module-alphabet-accents-and-punctuation": "Alphabet, Accents, and Punctuation",
"es-a1-module-greetings-and-farewells": "Greetings and Farewells",
"es-a1-module-introducing-yourself": "Introducing Yourself",
"es-a1-module-first-questions": "First Questions"
},
"module-intros": {
"es-a1-module-introduction-and-certification-overview": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
},
"es-a1-module-alphabet-accents-and-punctuation": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
},
"es-a1-module-greetings-and-farewells": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
},
"es-a1-module-introducing-yourself": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
},
"es-a1-module-first-questions": {
"note": "Coming Winter 2025",
"intro": ["PLACEHOLDER: Write the module intro here."]
}
},
"blocks": {
"es-a1-warm-up-greetings-and-farewells-basics": {
"title": "Greetings and Farewells Basics",
"intro": ["Learn the basics of greetings and farewells in Spanish."]
},
"es-a1-learn-greetings-during-the-day": {
"title": "Greetings During the Day",
"intro": ["", ""]
},
"es-a1-practice-greetings-and-farewells": {
"title": "Greetings and Farewells Practice",
"intro": ["", ""]
},
"es-a1-review-greetings-and-farewells": {
"title": "Greetings and Farewells Review",
"intro": ["", ""]
},
"es-a1-quiz-greetings-and-farewells": {
"title": "Greetings and Farewells Quiz",
"intro": ["", ""]
},
"es-a1-learn-certification-introduction": {
"title": "Certification Introduction",
"intro": ["", ""]
},
"es-a1-learn-alphabet-and-accents": {
"title": "Alphabet and Accents",
"intro": ["", ""]
},
"es-a1-learn-punctuation": {
"title": "Punctuation",
"intro": ["", ""]
},
"es-a1-quiz-alphabet-accent-and-punctuation-quiz": {
"title": "Alphabet, Accent and Punctuation Quiz",
"intro": ["", ""]
},
"es-a1-warm-up-introducing-yourself-basics": {
"title": "Introducing Yourself Basics",
"intro": ["", ""]
},
"es-a1-learn-meet-luna": {
"title": "Meet Luna",
"intro": ["", ""]
},
"es-a1-learn-meet-mateo": {
"title": "Meet Mateo",
"intro": ["", ""]
},
"es-a1-learn-meet-julieta": {
"title": "Meet Julieta",
"intro": ["", ""]
},
"es-a1-practice-introducing-yourself": {
"title": "Introducing Yourself Practice",
"intro": ["", ""]
},
"es-a1-review-introducing-yourself": {
"title": "Introducing Yourself Review",
"intro": ["", ""]
},
"es-a1-quiz-introducing-yourself": {
"title": "Introducing Yourself Quiz",
"intro": ["", ""]
},
"es-a1-warm-up-first-questions-basics": {
"title": "First Questions Basics",
"intro": ["", ""]
},
"es-a1-learn-meet-angela-and-basti": {
"title": "Meet Angela and Basti",
"intro": ["", ""]
},
"es-a1-practice-first-questions": {
"title": "First Questions Practice",
"intro": ["", ""]
},
"es-a1-review-first-questions": {
"title": "First Questions Review",
"intro": ["", ""]
},
"es-a1-quiz-first-questions": {
"title": "First Questions Quiz",
"intro": ["", ""]
}
}
},
"responsive-web-design-v9": {
"title": "Responsive Web Design Certification",
"intro": [
"This course teaches the fundamentals of HTML and CSS, including modern layout, design, accessibility, and responsive web development. You'll build practical projects and gain the skills to create professional, user-friendly webpages.",
"To qualify for the exam, you must complete the following projects:",
"- Build a Survey Form",
"- Build a Page of Playing Cards",
"- Build a Book Inventory App",
"- Build a Technical Documentation Page",
"- Build a Product Landing Page",
"Pass the exam to earn your Responsive Web Design Certification."
],
"chapters": {
"html": "HTML",
"css": "CSS",
"responsive-web-design-certification-exam": "Responsive Web Design Certification Exam"
},
"modules": {
"basic-html": "Basic HTML",
"semantic-html": "Semantic HTML",
"html-forms-and-tables": "Forms and Tables",
"html-and-accessibility": "Accessibility",
"review-html": "HTML Review",
"computer-basics": "Computer Basics",
"basic-css": "Basic CSS",
"design-for-developers": "Design",
"absolute-and-relative-units": "Absolute and Relative Units",
"pseudo-classes-and-elements": "Pseudo Classes and Elements",
"css-colors": "Colors",
"styling-forms": "Styling Forms",
"css-box-model": "The Box Model",
"css-flexbox": "Flexbox",
"css-typography": "Typography",
"css-and-accessibility": "Accessibility",
"attribute-selectors": "Attribute Selectors",
"css-positioning": "Positioning",
"responsive-design": "Responsive Design",
"css-variables": "Variables",
"css-grid": "Grid",
"css-animations": "Animations",
"review-css": "CSS Review",
"lab-survey-form": "Build a Survey Form",
"lab-page-of-playing-cards": "Build a Page of Playing Cards",
"lab-book-inventory-app": "Build a Book Inventory App",
"lab-technical-documentation-page": "Build a Technical Documentation Page",
"lab-product-landing-page": "Build a Product Landing Page",
"responsive-web-design-certification-exam": "Responsive Web Design Certification Exam"
},
"blocks": {
"workshop-curriculum-outline": {
"title": "Build a Curriculum Outline",
"intro": [
"Welcome to freeCodeCamp!",
"This workshop will serve as your introduction to HTML and coding in general. You will learn about headings and paragraph elements."
]
},
"lab-debug-camperbots-profile-page": {
"title": "Debug Camperbot's Profile Page",
"intro": [
"Camperbot is learning how to code too and needs some help with their HTML.",
"In this lab, you will help Camperbot find and fix the errors in their code."
]
},
"lecture-understanding-html-attributes": {
"title": "Understanding HTML Attributes",
"intro": [
"In these lectures, you will learn more about HTML (HyperText Markup Language), a markup language for creating web pages.",
"You will learn about HTML's role on the web, and what HTML attributes are."
]
},
"lab-debug-pet-adoption-page": {
"title": "Debug a Pet Adoption Page",
"intro": [
"In this lab, you will need to find and fix the errors in this pet adoption page."
]
},
"lecture-understanding-the-html-boilerplate": {
"title": "Understanding the HTML Boilerplate",
"intro": [
"In these lectures, you will learn about the HTML boilerplate which is a ready-made template for your webpages.",
"You will learn how to work with the <code>link</code> element, <code>meta</code> element and more."
]
},
"workshop-cat-photo-app": {
"title": "Build a Cat Photo App",
"intro": [
"HTML stands for HyperText Markup Language and it represents the content and structure of a web page.",
"In this workshop, you will learn how to work with basic HTML elements such as headings, paragraphs, images, links, and lists."
]
},
"lab-recipe-page": {
"title": "Build a Recipe Page",
"intro": [
"In this lab, you'll review HTML basics by creating a web page of your favorite recipe. You'll create an HTML boilerplate and work with headings, lists, images, and more."
]
},
"lecture-html-fundamentals": {
"title": "HTML Fundamentals",
"intro": [
"In these lectures, you will learn about HTML fundamentals like the <code>div</code> element, the <code>id</code> and <code>class</code> attributes, the HTML boilerplate, HTML entities, and more."
]
},
"lecture-understanding-how-html-affects-seo": {
"title": "Understanding How HTML Affects SEO",
"intro": [
"In these lectures, you will learn how your HTML code impacts search engine optimization."
]
},
"lab-travel-agency-page": {
"title": "Build a Travel Agency Page",
"intro": [
"In this lab, you'll review working with HTML fundamentals by creating a web page for a travel agency. You'll work with images, the <code>figure</code> element, the <code>figcaption</code> element, the <code>anchor</code> element, and more."
]
},
"lecture-working-with-audio-and-video-elements": {
"title": "Working with Audio and Video Elements",
"intro": [
"In these lectures, you will learn how to work with the <code>audio</code> and <code>video</code> elements."
]
},
"lecture-working-with-images-and-svgs": {
"title": "Working with Images and SVGs",
"intro": [
"In these lectures, you will learn how to work with SVGs and learn about techniques for optimizing your images."
]
},
"workshop-build-a-heart-icon": {
"title": "Build a Heart Icon",
"intro": [
"In this workshop, you will practice working with SVGs by building a heart icon"
]
},
"lecture-working-with-media": {
"title": "Working with the iframe Element",
"intro": [
"In these lectures, you will learn how to work with the <code>iframe</code> element which is used to embed an external site on your web page."
]
},
"lab-video-compilation-page": {
"title": "Build a Video Compilation Page",
"intro": [
"In this lab, you'll create a video compilation web page. You'll practice working with the <code>iframe</code> element."
]
},
"lecture-working-with-links": {
"title": "Working with Links",
"intro": [
"In these lectures, you will learn about links, the <code>target</code> attribute, different link states, absolute, and relative paths, and more."
]
},
"review-basic-html": {
"title": "Basic HTML Review",
"intro": [
"Before you are quizzed on the HTML knowledge you have gained so far, you first need to review the concepts.",
"Open up this page to review the HTML boilerplate, <code>audio</code> and <code>video</code> elements, the different <code>target</code> attribute values and more."
]
},
"quiz-basic-html": {
"title": "Basic HTML Quiz",
"intro": [
"The following quiz will test your knowledge of the basic HTML concepts you have learned so far.",
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"lecture-importance-of-semantic-html": {
"title": "Importance of Semantic HTML",
"intro": [
"In these lectures, you will learn about semantic HTML and why you should care about it, semantic elements, how semantic HTML differs from presentational HTML, and more."
]
},
"lecture-understanding-nuanced-semantic-elements": {
"title": "Understanding Nuanced Semantic Elements",
"intro": [
"In these lectures, you will learn when you should use certain semantic elements like the <code>em</code> element over the <code>i</code> element, description lists, and more."
]
},
"lecture-working-with-text-and-time-semantic-elements": {
"title": "Working with Text and Time Semantic Elements ",
"intro": [
"In this lecture, you will learn about the importance of semantics in conveying meaning for text and time-related content including the <code>time</code>, <code>blockquote</code> elements and more."
]
},
"lecture-working-with-specialized-semantic-elements": {
"title": "Working with Specialized Semantic Elements",
"intro": [
"In this lecture, you will learn about specialized semantic elements like <code>u</code>, <code>s</code>, <code>code</code> elements and more."
]
},
"workshop-blog-page": {
"title": "Build a Cat Blog Page",
"intro": [
"In this workshop, you will build an HTML only blog page using semantic elements including the <code>main</code>, <code>nav</code>, <code>article</code> and <code>footer</code> elements."
]
},
"lab-event-hub": {
"title": "Build an Event Hub",
"intro": [
"In this lab, you'll build an event hub and review semantic elements like <code>header</code>, <code>nav</code>, <code>article</code>, and more."
]
},
"review-semantic-html": {
"title": "Semantic HTML Review",
"intro": [
"Before you are quizzed on semantic HTML, you first need to review the concepts.",
"Open up this page to review the <code>em</code>, <code>strong</code>, <code>blockquote</code>, <code>address</code> and more semantic HTML elements."
]
},
"quiz-semantic-html": {
"title": "Semantic HTML Quiz",
"intro": [
"The following quiz will test your knowledge on semantic HTML concepts you have learned so far.",
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"lecture-working-with-forms": {
"title": "Working with Forms",
"intro": [
"In these lectures, you will learn about forms, the role of labels, inputs and buttons in creating forms, client-side form validation, and form states."
]
},
"workshop-hotel-feedback-form": {
"title": "Build a Hotel Feedback Form",
"intro": [
"In this workshop, you will build a Hotel Feedback Form.",
"You will practice working with labels, inputs, fieldsets, legends, textareas and buttons."
]
},
"lab-survey-form": {
"title": "Build a Survey Form",
"intro": [
"In this lab, you'll review HTML forms by creating a survey form.",
"You'll practice working with the <code>label</code> element, the different <code>input</code> elements, the <code>required</code> attribute, and more. "
]
},
"lecture-working-with-tables": {
"title": "Working with Tables",
"intro": [
"In these lectures, you will learn about HTML tables, how to create them, and when to use them."
]
},
"workshop-final-exams-table": {
"title": "Build a Final Exams Table",
"intro": [
"In this workshop, you will practice working with HTML tables by building a table of final exams."
]
},
"lab-book-catalog-table": {
"title": "Build a Book Catalog Table",
"intro": [
"In this lab, you'll review HTML tables by building a book information table.",
"You'll practice the different table components like the <code>thead</code>, <code>tbody</code>, <code>th</code>, <code>tr</code>, and <code>td</code> elements."
]
},
"lecture-working-with-html-tools": {
"title": "Working with HTML Tools",
"intro": [
"In these lectures, you will learn about HTML tools and how they let you write better code. These tools include HTML validators, DOM Inspector, and the browser developer tools."
]
},
"review-html-tables-and-forms": {
"title": "HTML Tables and Forms Review",
"intro": [
"Before you are quizzed on HTML forms, tables and tools, you first need to review the concepts.",
"Open up this page to review the <code>table</code>, <code>input</code>, and <code>button</code> elements as well as commonly used tools like the HTML validator and more."
]
},
"quiz-html-tables-and-forms": {
"title": "HTML Tables and Forms Quiz",
"intro": [
"The following quiz will test your knowledge of HTML tables, forms and commonly used HTML tools.",
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"lecture-importance-of-accessibility-and-good-html-structure": {
"title": "Importance of Accessibility and Good HTML Structure",
"intro": [
"In these lectures, you will learn about accessibility and its importance, assistive tools for people with disabilities, HTML attributes that let you create inclusive websites, accessibility best practices, and much more."
]
},
"lecture-accessible-tables-forms": {
"title": "Working with Accessible Tables and Forms",
"intro": [
"In these lectures, you will learn about how to create accessible tables and forms."
]
},
"lecture-introduction-to-aria": {
"title": "Introduction to ARIA",
"intro": [
"In these lectures, you will learn about working with ARIA roles."
]
},
"lecture-accessible-media-elements": {
"title": "Working with Accessible Media Elements",
"intro": [
"In these lectures, you will learn about how to create accessible links, audio and video content."
]
},
"lab-checkout-page": {
"title": "Build a Checkout Page",
"intro": [
"In this lab, you'll create an accessible checkout page.",
"You'll practice concepts like <code>alt</code> attributes and ARIA roles."
]
},
"lab-movie-review-page": {
"title": "Design a Movie Review Page",
"intro": [
"In this lab, you'll create a movie review page.",
"You'll practice concepts like semantic HTML, <code>alt</code> attributes, accessible lists, and hiding decorative content from screen readers using <code>aria-hidden</code>."
]
},
"lab-multimedia-player": {
"title": "Build a Multimedia Player",
"intro": [
"In this lab, you'll build a multimedia player.",
"You will practice working with the <code>audio</code> and <code>video</code> elements, the <code>controls</code> attribute, and the <code>aria-label</code> attribute."
]
},
"review-html-accessibility": {
"title": "HTML Accessibility Review",
"intro": [
"Before you are quizzed on HTML and accessibility, you first need to review the concepts.",
"Open up this page to review concepts including the <code>aria-hidden</code>, <code>aria-describedby</code>, <code>tabindex</code> attributes and more."
]
},
"quiz-html-accessibility": {
"title": "HTML Accessibility Quiz",
"intro": [
"The following quiz will test your knowledge on the accessibility concepts you have learned so far.",
"If you're getting ready for the exam, there are several quiz sets available for practice. After completing a quiz, you can revisit this page to access a new set of questions."
]
},
"review-html": {
"title": "HTML Review",
"intro": [
"Before you take the HTML prep exam, you first need to review the concepts taught in the previous modules.",
"Open up this page to review concepts around the basics of HTML elements, semantic HTML, tables, forms and accessibility."
]
},
"qpra": {
"title": "30",
"intro": []
},
"lecture-understanding-computer-internet-and-tooling-basics": {
"title": "Understanding Computer, Internet, and Tooling Basics",
"intro": [
"In these lectures, you will learn about the computer, its different parts, internet service providers (ISPs), and the tools professional developers use."
]
},
"lecture-working-with-file-systems": {
"title": "Working with File Systems",
"intro": [
"In these lectures, you will learn how to work with file and folder systems on your computers. You will learn how to create, move, and delete files and folders, the best practices for naming and organizing files and folders, and more."
]
},
"lecture-browsing-the-web-effectively": {
"title": "Browsing the Web Effectively",
"intro": [
"In these lectures, you will learn about what websites, search engine, and web browsers are, the different browsers available, and how to get the best out of a search engine."
]
},
"review-computer-basics": {
"title": "Computer Basics Review",
"intro": [
"Before you are quizzed on basic computer and internet concepts, you first need to review.",
"Open up this page to review concepts like RAM, Internet service providers, common web browsers, search engines and more."
]
},
"quiz-computer-basics": {
"title": "Computer Basics Quiz",
"intro": [
"Test what you've learned in this quiz of basic computer knowledge."
]
},
"lecture-what-is-css": {
"title": "What Is CSS?",
"intro": [
"The following lectures are all about CSS. You will learn what CSS is and its role on the web, a CSS rule and its anatomy, the three ways to write CSS and when to use each, inline and block elements, and many more."
]
},
"workshop-cafe-menu": {
"title": "Design a Cafe Menu",
"intro": [
"CSS tells the browser how to display your webpage. You can use CSS to set the color, font, size, and other aspects of HTML elements.",
"In this workshop, you'll learn CSS by designing a menu page for a cafe webpage."
]
},
"lab-business-card": {
"title": "Design a Business Card",
"intro": [
"In this lab, you'll create a business card and style it using CSS.",
"You'll practice style properties like <code>color</code>, <code>font-size</code>, <code>text-align</code>, and more."
]
},
"lecture-css-specificity-the-cascade-algorithm-and-inheritance": {
"title": "CSS Specificity, the Cascade Algorithm, and Inheritance",
"intro": [
"In these lectures, you will learn about CSS specificity, the common selectors and their specificities, the cascade algorithm, inheritance, and more."
]
},
"review-basic-css": {
"title": "Basic CSS Review",
"intro": [
"Before you are quizzed on basic CSS concepts, you first need to review.",
"Open up this page to review concepts including <code>margin</code>, <code>padding</code>, CSS combinators, CSS specificity and more."
]
},
"quiz-basic-css": {
"title": "Basic CSS Quiz",
"intro": [
"Test what you've learned in this quiz of basic CSS knowledge."
]
},
"lecture-styling-lists-and-links": {
"title": "Styling Lists and Links",
"intro": [
"In these lectures, you will learn the properties you need to know to effectively style lists and links, including link states like <code>link</code>, <code>visited</code>, <code>hover</code>, and <code>active</code>."
]
},
"lab-stylized-to-do-list": {
"title": "Build a Stylized To-Do List",
"intro": [
"In this lab, you'll build a To-Do list and apply different styles to the links",
"You'll practice style properties like <code>text-decoration</code>, <code>list-style-type</code> and how to change styles on hover or click."
]
},
"lecture-working-with-backgrounds-and-borders": {
"title": "Working with Backgrounds and Borders",
"intro": [
"In these lectures, you will learn about the properties and values you need to know to style backgrounds and borders of elements, alongside the accessibility considerations for backgrounds."
]
},
"lab-blog-post-card": {
"title": "Design a Blog Post Card",
"intro": [
"In this lab, you'll design a blog post card using HTML and CSS",
"You'll practice concepts like <code>background-color</code>, <code>border-radius</code>, margins, paddings, and more."
]
},
"review-css-backgrounds-and-borders": {
"title": "Lists, Links, CSS Background and Borders Review",
"intro": [
"Before you are quizzed on CSS backgrounds and borders, you first need to review.",
"Open up this page to review concepts including the <code>background-image</code> property, <code>border</code> property and more."
]
},
"quiz-css-backgrounds-and-borders": {
"title": "CSS Backgrounds and Borders Quiz",
"intro": [
"Test what you've learned in this quiz of backgrounds and borders in CSS."
]
},
"lecture-user-interface-design-fundamentals": {
"title": "User Interface Design Fundamentals",
"intro": [
"In these lectures, you will learn about the fundamentals of user interface (UI) design. You will learn about the terms you need to know to communicate with designers, visual hierarchy, scaling, alignment, whitespace, and much more."
]
},
"lecture-user-centered-design": {
"title": "User-Centered Design",
"intro": [
"In these lectures, you will learn about best practices for designing user-facing features like dark mode, breadcrumbs, modal dialogs, and much more. You will also learn how to conduct user research, user requirements and testing."
]
},
"lecture-common-design-tools": {
"title": "Common Design Tools",
"intro": [
"In these lectures, you will learn about the common design tools developers should know. You will also learn about design briefs and how developers work with them."
]
},
"review-design-fundamentals": {
"title": "Design Fundamentals Review",
"intro": [
"Before you are quizzed on the design fundamentals you have learned so far, you first need to review.",
"Open up this page to review concepts like user-centered design, scale, alignment, good visual hierarchy and more."
]
},
"quiz-design-fundamentals": {
"title": "Design Fundamentals Quiz",
"intro": [
"Test what you've learned in this quiz of UI design fundamentals."
]
},
"lecture-working-with-relative-and-absolute-units": {
"title": "Working with Relative and Absolute Units",
"intro": [
"In these lectures, you will learn about relative and absolute units, and how they both impact what you see in the browser."
]
},
"lab-event-flyer-page": {
"title": "Build an Event Flyer Page",
"intro": [
"In this lab, you'll create an event flyer page.",
"You will practice aligning elements using absolute and relative CSS."
]
},
"review-css-relative-and-absolute-units": {
"title": "CSS Relative and Absolute Units Review",
"intro": [
"Before you are quizzed on relative and absolute units, you first need to review.",
"Open up this page to review concepts like percentages, <code>px</code>, <code>rem</code>, <code>em</code>, and more."
]
},
"quiz-css-relative-and-absolute-units": {
"title": "CSS Relative and Absolute Units Quiz",
"intro": [
"Test what you've learned in this quiz of relative and absolute units in CSS."
]
},
"lecture-working-with-pseudo-classes-and-pseudo-elements-in-css": {
"title": "Working with Pseudo-Classes and Pseudo-Elements in CSS",
"intro": [
"In these lectures, you will learn about pseudo-classes and pseudo-elements, alongside their examples and how they work."
]
},
"workshop-greeting-card": {
"title": "Design a Greeting Card",
"intro": [
"In the previous lectures, you learned how to work with the different types of pseudo-classes.",
"In this workshop, you will have a chance to practice what you have learned by designing a greeting card."
]
},
"lab-job-application-form": {
"title": "Build a Job Application Form",
"intro": [
"In this lab you'll build a job application form and style it using pseudo-classes.",
"You'll practice concepts like <code>:hover</code>, <code>:active</code>, <code>:focus</code>, and more."
]
},
"review-css-pseudo-classes": {
"title": "CSS Pseudo-classes Review",
"intro": [
"Before you're quizzed on CSS pseudo-classes and pseudo-elements, you should review what you've learned about them.",
"Open up this page to review concepts like the <code>::before</code> and <code>::after</code> pseudo-elements as well as the <code>:hover</code>, <code>:active</code> pseudo-classes and more."
]
},
"quiz-css-pseudo-classes": {
"title": "CSS Pseudo-classes Quiz",
"intro": ["Test your knowledge of CSS pseudo-classes with this quiz."]
},
"lecture-working-with-colors-in-css": {
"title": "Working with Colors in CSS",
"intro": [
"In these lectures, you will learn about linear and radial gradients, the color theory, different kinds of colors like named, RGB, Hex, and HSL colors. You will learn how these colors work, and which to use in specific cases."
]
},
"workshop-colored-markers": {
"title": "Build a Set of Colored Markers",
"intro": [
"In this workshop, you'll build a set of colored markers. You'll practice different ways to set color values and how to pair colors with each other."
]
},
"lab-colored-boxes": {
"title": "Design a Set of Colored Boxes",
"intro": [
"In this lab, you'll create a color grid and practice adding background colors to the grid items using hex codes, RGB, and predefined color names."
]
},
"review-css-colors": {
"title": "CSS Colors Review",
"intro": [
"Before you're quizzed on CSS colors, you should review what you've learned about them.",
"Open up this page to review concepts like the <code>rgb()</code> function, <code>hsl()</code> function, <code>hex codes</code>, and more."
]
},
"quiz-css-colors": {
"title": "CSS Colors Quiz",
"intro": ["Test your knowledge of CSS colors with this quiz."]
},
"lecture-best-practices-for-styling-forms": {
"title": "Best Practices for Styling Forms",
"intro": [
"In these lectures, you will learn about the best practices for styling forms and issues you can encounter while styling special inputs like <code>color</code> and <code>datetime-local</code>."
]
},
"workshop-registration-form": {
"title": "Design a Registration Form",
"intro": [
"In this workshop, you'll learn how to design HTML forms by designing a signup page. You'll learn how to control what types of data people can type into your form, and some new CSS tools for styling your page."
]
},
"lab-contact-form": {
"title": "Design a Contact Form",
"intro": [
"In this lab, you'll design a contact form in HTML and style it using CSS."
]
},
"review-styling-forms": {
"title": "Styling Forms Review",
"intro": [
"Before you're quizzed on styling forms, you should review what you've learned.",
"Open up this page to review how to style form inputs, working with <code>appearance: none</code> and more."
]
},
"quiz-styling-forms": {
"title": "Styling Forms Quiz",
"intro": [
"In this quiz, you will test your knowledge of how to style forms."
]
},
"lecture-working-with-css-transforms-overflow-and-filters": {
"title": "Working with CSS Transforms, Overflow, and Filters",
"intro": [
"In these lectures, you will learn about working with CSS transforms, overflow, and filters. You will also learn about the box model and how it works."
]
},
"workshop-rothko-painting": {
"title": "Design a Rothko Painting",
"intro": [
"Every HTML element is its own box with its own spacing and a border. This is called the Box Model.",
"In this workshop, you'll use CSS and the Box Model to create your own Rothko-style rectangular art pieces."
]
},
"lab-confidential-email-page": {
"title": "Build a Confidential Email Page",
"intro": [
"In this lab, you'll create a web page using HTML and mask the content using CSS properties."
]
},
"review-css-layout-and-effects": {
"title": "CSS Layouts and Effects Review",
"intro": [
"Before you are quizzed on CSS Layouts and Effects, you first need to review.",
"Open up this page to review concepts like the <code>transform</code> property, the box model, the <code>overflow</code> property and more."
]
},
"quiz-css-layout-and-effects": {
"title": "CSS Layout and Effects Quiz",
"intro": [
"In this quiz, you will test your knowledge of the box model, transforms, filters, and overflow in CSS."
]
},
"lecture-working-with-css-flexbox": {
"title": "Working with CSS Flexbox",
"intro": [
"In these lectures, you will learn how CSS flexbox works, its properties, and when you should use it."
]
},
"workshop-flexbox-photo-gallery": {
"title": "Build a Flexbox Photo Gallery",
"intro": [
"In this workshop, you'll use Flexbox to build a responsive photo gallery webpage."
]
},
"lab-page-of-playing-cards": {
"title": "Build a Page of Playing Cards",
"intro": [
"In this lab, you'll use flexbox to create a webpage of playing cards.",
"You'll practice aligning elements using flexbox properties like <code>flex-direction</code>, <code>justify-content</code>, <code>align-self</code>, and more."
]
},
"review-css-flexbox": {
"title": "CSS Flexbox Review",
"intro": [
"Before you're quizzed on CSS flexbox, you should review what you've learned.",
"Open up this page to review concepts like the <code>flex-direction</code>, <code>justify-content</code>, <code>align-items</code>, <code>flex-wrap</code> properties, and more."
]
},
"quiz-css-flexbox": {
"title": "CSS Flexbox Quiz",
"intro": ["Test what you've learned on CSS flexbox with this quiz."]
},
"lecture-working-with-css-fonts": {
"title": "Working with CSS Fonts",
"intro": [
"In these lectures, you will learn about typography and its best practices, fonts, and the <code>text-shadow</code> property."
]
},
"workshop-nutritional-label": {
"title": "Build a Nutritional Label",
"intro": [
"Typography is the art of styling your text to be easily readable and suit its purpose.",
"In this workshop, you'll use typography to build a nutrition label webpage. You'll practice how to style text, adjust line height, and position your text using CSS."
]
},
"lab-newspaper-article": {
"title": "Build a Newspaper Article",
"intro": [
"In this lab, you'll build a newspaper article page using HTML and CSS.",
"You'll style the fonts using properties like <code>font-family</code>, <code>font-size</code>, <code>font-weight</code>, and more."
]
},
"review-css-typography": {
"title": "CSS Typography Review",
"intro": [
"Before you're quizzed on the fundamentals of typography, you should review what you've learned.",
"Open up this page to review concepts like web safe fonts, the <code>font-family</code> property and more."
]
},
"quiz-css-typography": {
"title": "CSS Typography Quiz",
"intro": ["Test your knowledge of typography with this quiz."]
},
"lecture-best-practices-for-accessibility-and-css": {
"title": "Best Practices for Accessibility and CSS",
"intro": [
"In these lectures, you will learn about best practices for accessibility in CSS, and the tools for checking good color contrast on websites."
]
},
"workshop-accessibility-quiz": {
"title": "Build a Quiz Webpage",
"intro": [
"Accessibility is the process of making your webpages usable for everyone, including people with disabilities.",
"In this workshop, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices."
]
},
"lab-tribute-page": {
"title": "Build a Tribute Page",
"intro": [
"In this lab, you'll build a tribute page for a subject of your choosing, fictional or real."
]
},
"review-css-accessibility": {
"title": "CSS Accessibility Review",
"intro": [
"Before you're quizzed on CSS and accessibility, you should review what you've learned.",
"Open up this page to review concepts like color contrast tools and accessibility best practices."
]
},
"quiz-css-accessibility": {
"title": "CSS Accessibility Quiz",
"intro": [
"In this quiz, you'll test what you've learned about making your webpages accessible with CSS."
]
},
"lecture-understanding-how-to-work-with-floats-and-positioning-in-css": {
"title": "Understanding How to Work with Floats and Positioning in CSS",
"intro": [
"In these lectures, you will learn how to use CSS positioning and floats. You will learn about <code>absolute</code>, <code>relative</code>, <code>fixed</code>, and <code>sticky</code> positioning. You will also use the <code>z-index</code> property."
]
},
"workshop-cat-painting": {
"title": "Build a Cat Painting",
"intro": [
"Mastering CSS positioning is essential for creating visually appealing and responsive web layouts.",
"In this workshop, you will build a cat painting. You'll learn about how to work with absolute positioning, the <code>z-index</code> property, and the <code>transform</code> property."
]
},
"lab-house-painting": {
"title": "Build a House Painting",
"intro": [
"In this lab, you'll build a house painting using CSS.",
"You'll design individual elements of the house and position them using CSS properties like <code>position</code>, <code>top</code>, <code>left</code>, and more."
]
},
"review-css-positioning": {
"title": "CSS Positioning Review",
"intro": [
"Before you're quizzed on the fundamentals of CSS positioning, you should review what you've learned.",
"Open up this page to review concepts like floats, relative positioning, absolute positioning and more."
]
},
"quiz-css-positioning": {
"title": "CSS Positioning Quiz",
"intro": ["Test your knowledge of CSS positioning with this quiz."]
},
"lecture-working-with-attribute-selectors": {
"title": "Working with Attribute Selectors",
"intro": [
"In these lectures, you will learn about attribute selectors and how to use them to target elements like links and lists."
]
},
"workshop-balance-sheet": {
"title": "Build a Balance Sheet",
"intro": [
"In this workshop, you'll build a balance sheet using pseudo selectors. You'll learn how to change the style of an element when you hover over it with your mouse, and trigger other events on your webpage."
]
},
"lab-book-inventory-app": {
"title": "Build a Book Inventory App",
"intro": [
"In this lab, you'll create a book inventory app.",
"You'll practice CSS attribute selectors like <code>[attribute]</code>, <code>[attribute=value]</code>, <code>[attribute~=value]</code>, and more."
]
},
"review-css-attribute-selectors": {
"title": "CSS Attribute Selectors Review",
"intro": [
"Before you're quizzed on the fundamentals of CSS attribute selectors, you should review what you've learned about them.",
"Open up this page to review concepts like how to work with different attribute selectors that target links with the <code>href</code> and <code>title</code> attributes."
]
},
"quiz-css-attribute-selectors": {
"title": "CSS Attribute Selectors Quiz",
"intro": [
"Test your knowledge of CSS attribute selectors with this quiz."
]
},
"lecture-best-practices-for-responsive-web-design": {
"title": "Best Practices for Responsive Web Design",
"intro": [
"In these lectures, you will learn about the best practices for responsive web design, the roles concepts like grid, flexbox, media queries, and media breakpoints play in responsive design, and more."
]
},
"workshop-piano": {
"title": "Design a Piano",
"intro": [
"Responsive Design tells your webpage how it should look on different-sized screens.",
"In this workshop, you'll use CSS and responsive design to code a piano. You'll also practice media queries and pseudo selectors."
]
},
"lab-technical-documentation-page": {
"title": "Build a Technical Documentation Page",
"intro": [
"In this lab, you'll build a technical documentation page to serve as instruction or reference for a topic.",
"You'll also practice media queries to create a responsive design."
]
},
"review-responsive-web-design": {
"title": "Responsive Web Design Review",
"intro": [
"Before you're quizzed on the fundamentals of responsive design, you should review what you've learned.",
"Open up this page to review concepts like media queries, media breakpoints and mobile first approach design."
]
},
"quiz-responsive-web-design": {
"title": "Responsive Web Design Quiz",
"intro": [
"Test what you've learned about making your webpages responsive with this quiz."
]
},
"lecture-working-with-css-variables": {
"title": "Working with CSS Variables",
"intro": [
"In these lectures, you will learn how to define and use custom properties (also known as CSS variables). You will also learn about the <code>@property</code> rule and how it works."
]
},
"workshop-city-skyline": {
"title": "Build a City Skyline",
"intro": [
"CSS variables help you organize your styles and reuse them.",
"In this workshop, you'll build a city skyline. You'll practice how to configure CSS variables so you can reuse them whenever you want."
]
},
"lab-availability-table": {
"title": "Build an Availability Table",
"intro": [
"For this lab, you'll create an availability table that shows the availability of people for a meeting.",
"You'll practice using CSS variables to store and reuse colors, fonts, and other styles."
]
},
"review-css-variables": {
"title": "CSS Variables Review",
"intro": [
"Before you're quizzed on the fundamentals of CSS variables, you should review what you've learned.",
"Open up this page to review how to work with CSS custom properties (CSS variables) and the <code>@property</code> rule."
]
},
"quiz-css-variables": {
"title": "CSS Variables Quiz",
"intro": ["Test your knowledge of CSS variables with this quiz."]
},
"lecture-working-with-css-grid": {
"title": "Working with CSS Grid",
"intro": [
"In these lectures, you will learn about CSS grid, its several properties and how to use them, and how CSS grid differs from flexbox."
]
},
"workshop-magazine": {
"title": "Build a Magazine",
"intro": [
"CSS Grid gives you control over the rows and columns of your webpage design.",
"In this workshop, you'll build a magazine article. You'll practice how to use CSS Grid, including concepts like grid rows and grid columns."
]
},
"lab-newspaper-layout": {
"title": "Design a Newspaper Layout",
"intro": [
"In this lab, you will design a newspaper layout using CSS Grid, including concepts like grid rows and grid columns."
]
},
"lecture-debugging-css": {
"title": "Debugging CSS",
"intro": [
"In this lecture, you'll learn how to debug CSS using your browser's developer tools and CSS validators."
]
},
"lab-product-landing-page": {
"title": "Build a Product Landing Page",
"intro": [
"In this project, you'll build a product landing page to market a product of your choice."
]
},
"review-css-grid": {
"title": "CSS Grid Review",
"intro": [
"Before you're quizzed on the fundamentals of CSS Grid, you should review what you've learned.",
"Open up this page to review how to work with the different CSS Grid properties like <code>grid-template-columns</code>, <code>grid-gap</code> and more."
]
},
"quiz-css-grid": {
"title": "CSS Grid Quiz",
"intro": ["Test your knowledge of CSS Grid with this quiz."]
},
"lecture-animations-and-accessibility": {
"title": "Animations and Accessibility",
"intro": [
"In these lectures, you will learn about CSS animations and their accessibility concerns. You will also learn how <code>prefers-reduced-motion</code> can help address those accessibility concerns."
]
},
"workshop-ferris-wheel": {
"title": "Build an Animated Ferris Wheel",
"intro": [
"You can use CSS animation to draw attention to specific sections of your webpage and make it more engaging.",
"In this workshop, you'll build a Ferris wheel. You'll practice how to use CSS to animate elements, transform them, and adjust their speed."
]
},
"lab-moon-orbit": {
"title": "Build a Moon Orbit",
"intro": [
"In this lab, you'll create an animation of the moon orbiting the earth.",
"You'll practice animation properties like <code>animation-name</code>, <code>animation-duration</code>, <code>animation-timing-function</code>, and more."
]
},
"workshop-flappy-penguin": {
"title": "Build a Flappy Penguin",
"intro": [
"You can transform HTML elements to create appealing designs that draw your reader's eye. You can use transforms to rotate elements, scale them, and more.",
"In this workshop, you'll build a penguin. You'll use CSS transforms to position and resize the parts of your penguin, create a background, and animate your work."
]
},
"lab-personal-portfolio": {
"title": "Build a Personal Portfolio",
"intro": [
"In this project, you'll build your own personal portfolio page."
]
},
"review-css-animations": {
"title": "CSS Animations Review",
"intro": [
"Before you're quizzed on working with CSS animations, you should review what you've learned about them.",
"Open up this page to review concepts including <code>prefers-reduced-motion</code>, the <code>@keyframes</code> rule and more."
]
},
"quiz-css-animations": {
"title": "CSS Animations Quiz",
"intro": ["Test your knowledge of CSS animations with this quiz."]
},
"review-css": {
"title": "CSS Review",
"intro": [
"Before you take the CSS prep exam, you first need to review the concepts taught in the previous modules.",
"Open up this page to review concepts around the basics of CSS, responsive web design, animations, accessibility and more."
]
},
"exam-responsive-web-design-certification": {
"title": "Responsive Web Design Certification Exam",
"intro": [
"Pass this exam to earn your Responsive Web Design Certification Exam"
]
}
}
},
"a2-professional-spanish": {
"title": "Сертифікація «Іспанська мова A2 для роботи» (бета)",
"note": "Сертифікація знаходиться в стані активної розробки. Наразі для цього розділу немає сертифіката, але він буде доступний найближчим часом. Тим часом ви можете дослідити курси, які ми вже створили.",
"intro": ["Placeholder intro"],
"blocks": {
"talk-about-who-you-are-by-using-key-verbs": {
"title": "Говоріть про себе за допомогою ключових дієслів",
"intro": [
"Дізнайтесь, як просто і професійно представити себе іспанською мовою. У цьому модулі ви навчитесь розповідати про себе, звідки ви, чим займаєтесь, як почуваєтесь і що вам подобається чи не подобається."
]
},
"get-to-know-others-by-asking-simple-questions": {
"title": "Дізнавайтесь інших, ставлячи прості запитання",
"intro": [
"Дізнайтесь, як ставити запитання і відповідати на них. У цих п’яти коротких діалогах ви будете говорити про рутину, почуття, уподобання, роботу і особисту інформацію. Ви також навчитесь ставити ввічливі запитання, давати коротку відповідь та використовувати заперечення."
]
}
}
},
"a2-professional-chinese": {
"title": "Сертифікація «Китайська мова A2 для роботи» (бета)",
"note": "Сертифікація знаходиться в стані активної розробки. Наразі для цього розділу немає сертифіката, але він буде доступний найближчим часом. Тим часом ви можете дослідити курси, які ми вже створили.",
"intro": ["Placeholder intro"],
"blocks": {
"talk-about-what-you-do-by-using-key-verbs": {
"title": "Говоріть про себе за допомогою ключових дієслів",
"intro": [
"Дізнайтесь, як просто і професійно представити себе китайською мовою. У цьому модулі ви навчитесь розповідати про себе, звідки ви, чим займаєтесь, як почуваєтесь і що вам подобається чи не подобається."
]
},
"get-to-know-colleagues-by-asking-simple-questions": {
"title": "Дізнавайтесь інших, ставлячи прості запитання",
"intro": [
"Дізнайтесь, як ставити запитання і відповідати на них. У цих п’яти коротких діалогах ви будете говорити про рутину, почуття, уподобання, роботу і особисту інформацію. Ви також навчитесь ставити ввічливі запитання, давати коротку відповідь та використовувати заперечення."
]
}
}
},
"a1-professional-chinese": {
"title": "A1 Professional Chinese Certification (Beta)",
"note": "This certification is currently in active development. While there isn't a claimable certification available for this section at the moment, one will be available soon. In the meantime, you're welcome to explore the courses we have created below.",
"intro": ["Placeholder intro"],
"blocks": {
"learn-essential-courtesies-at-the-office": {
"title": "Learn Essential Courtesies at the Office",
"intro": [
"Learn simple and polite ways to communicate at work. In this module, you'll learn essential phrases for greeting colleagues, expressing thanks, apologizing, and saying goodbye."
]
}
}
},
"basic-html": {
"title": "Основи HTML",
"summary": [
"Навчіться створювати прості вебсторінки з текстом, зображеннями і посиланнями, доданими за допомогою HTML-тегів."
],
"intro": ["Larger intro for the superblock page."],
"blocks": {
"cat-photo-app": {
"title": "Створіть застосунок із фото котів",
"intro": [
"HTML-теги надають вебсторінці структуру. Їх можна використовувати, щоб додати фотографії, кнопки та інші елементи до вебсторінки.",
"Тут ви дізнаєтесь про найпоширеніші HTML-теги, створивши власний застосунок з фотографіями котів."
]
},
"recipe-page": {
"title": "Створіть сторінку з рецептом",
"intro": [
"У цій лабораторній роботі ви пригадаєте основи HTML, створивши вебсторінку з улюбленим рецептом. Ви створите шаблонний код і будете працювати із заголовками, списками, зображеннями тощо."
]
}
}
},
"semantic-html": {
"title": "Семантичний HTML",
"summary": [
"Дізнайтесь, як писати чистіший і змістовніший HTML завдяки семантичним тегам, які покращують структуру, доступність та SEO."
],
"intro": ["Larger intro for the superblock page."],
"blocks": {
"cat-blog-page": {
"title": "Створіть сторінку блогу про котів",
"intro": [
"У цьому практичному занятті ви створите сторінку блогу лише на HTML, використовуючи семантичні елементи, серед яких <code>main</code>, <code>nav</code>, <code>article</code> та <code>footer</code>."
]
},
"event-hub": {
"title": "Створіть хаб для подій",
"intro": [
"У цій лабораторній роботі ви створите хаб для подій і пригадаєте різні семантичні елементи, серед яких <code>header</code>, <code>nav</code> та <code>article</code>."
]
}
}
},
"dev-playground": {
"title": "Ігровий майданчик",
"intro": ["Ігровий майданчик для створення і тестування завдань"],
"blocks": {
"daily-coding-challenges-javascript": {
"title": "Щоденні завдання з JavaScript",
"intro": ["Місце для створення щоденних завдань з JavaScript."]
},
"daily-coding-challenges-python": {
"title": "Щоденні завдання з Python",
"intro": ["Місце для створення щоденних завдань з Python."]
}
}
},
"full-stack-open": {
"title": "Full Stack Open",
"intro": ["A good intro is to be added here."],
"blocks": {
"cat-blog-page": {
"title": "Build a Cat Blog Page",
"intro": [
"In this workshop, you will build an HTML only blog page using semantic elements including the <code>main</code>, <code>nav</code>, <code>article</code> and <code>footer</code> elements."
]
}
},
"chapters": {
"part-0": "Fundamentals of Web Apps",
"part-1": "Introduction to React",
"part-2": "Communicating with Servers",
"part-3": "Programming a Server with NodeJS and Express",
"part-4": "Testing Express Servers, User Administration",
"part-5": "Testing React Apps",
"part-6": "Advanced State Management",
"part-7": "React router, custom hooks, styling app with CSS and webpack",
"part-8": "GraphQL",
"part-9": "TypeScript",
"part-10": "React Native",
"part-11": "CI/CD",
"part-12": "Containers",
"part-13": "Using Relational Databases"
},
"modules": {
"basic-html": "Basic HTML"
},
"module-intros": {
"basic-html": {
"title": "Basic HTML",
"intro": [
"Learn how to build simple webpages using HTML tags to add text, images, and links."
]
}
}
},
"daily-coding-challenge": {
"title": "Daily Coding Challenge",
"blocks": {
"daily-coding-challenge": {
"title": "Daily Coding Challenge"
}
}
},
"misc-text": {
"browse-other": "Перегляньте інші безоплатні сертифікації",
"courses": "Курси",
"steps": "Кроки",
"expand": "Розгорнути курс",
"collapse": "Згорнути курс",
"legacy-header": "Застарілі курси",
"legacy-desc": "Ці курси більше не входять до сертифікацій, але вони досі доступні для навчання.",
"legacy-go-back": "Перейдіть до поточної версії навчальної програми.",
"course-maintenance": "Ці курси знаходяться на технічному обслуговуванні. Якщо вони не працюють, див. як запустити їх локально на <0>https://www.freecodecamp.org/news/how-to-run-freecodecamps-relational-databases-curriculum-using-docker-vscode-and-coderoad</0>.",
"course-disabling-soon": "Вебверсія цих курсів буде тимчасово недоступна, а віртуальні машини будуть видалені. Будь-який прогрес на віртуальних машинах буде втрачено. Якщо у вас є файли, які ви хочете зберегти, збережіть їх на своєму комп’ютері. Просимо вибачення за будь-які незручності. Ми сподіваємося, що покращена вебверсія цих курсів стане доступною в найближчий час.",
"course-disabled": "Ці курси тимчасово недоступні для виконання в браузері. Просимо вибачення за будь-які незручності. Ви можете дізнатись, як запустити їх локально на <0>https://www.freecodecamp.org/news/how-to-run-freecodecamps-relational-databases-curriculum-using-docker-vscode-and-coderoad</0>. Ми сподіваємося, що покращена вебверсія стане доступною в найближчий час.",
"run-locally": "Наразі ми рекомендуємо запускати курси локально на своєму комп’ютері. Більше деталей за посиланням <0>https://www.freecodecamp.org/news/how-to-run-freecodecamps-relational-databases-curriculum-using-docker-vscode-and-coderoad</0>.",
"progress-wont-save": "Ваш прогрес не буде збережений в обліковому записі freeCodeCamp при локальному запуску.",
"go-back-to-learn": "Поверніться до стабільної версії навчальної програми.",
"read-database-cert-article": "Будь ласка, прочитайте повідомлення на форумі, перш ніж продовжити.",
"enable-cookies": "Увімкніть сторонні файли cookie перед початком роботи.",
"english-only": "Курси в цьому розділі доступні лише англійською мовою. Наразі ми можемо перекладати лише заголовки й вступи, а не самі уроки.",
"exam-english-only": "Зверніть увагу, що наразі екзамен доступний лише англійською мовою. Решта курсів доступні деякими іншими мовами."
}
}